*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:#342f2a;font:14px "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.auth-shell{min-height:100vh;display:grid;grid-template-columns:52% 48%}.cocoa-story{padding:42px 64px 28px;background:radial-gradient(ellipse at 10% 100%,#535a3c,transparent 70%),#293d32;color:#faf4e9;display:flex;flex-direction:column;position:relative;overflow:hidden}.cocoa-story:after{content:"";position:absolute;border:1px solid #e8d4ae12;border-radius:50%;height:600px;width:600px;right:-380px;top:-290px;box-shadow:0 0 0 80px #e8d4ae04;pointer-events:none}.brand{display:flex;align-items:center;gap:13px;width:fit-content;color:#fff6e9;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:3px}.brand-mark{display:flex;justify-content:center;align-items:center;width:47px;height:47px;border:1px solid #e4d5ba40;border-radius:12px;font-size:29px;letter-spacing:-2px}.brand-mark span{color:#d8b47b}.brand small{display:block;font-size:9px;letter-spacing:2.3px;font-weight:400;color:#c3c8b6;margin-top:4px}.story-content{margin:auto 0;padding:42px 0 30px;max-width:490px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;color:#b7c3ab}.story-content h2{font-size:clamp(38px,3.8vw,56px);line-height:1.14;letter-spacing:-1.7px;font-weight:550;margin:21px 0}.story-content h2 em{color:#dfbd85;font-style:normal}.story-content p{font-size:14px;line-height:1.85;color:#bec8b8;max-width:370px;margin:0}.cocoa-art{display:block;width:min(100%,360px);height:auto;margin:14px auto 5px}.business-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:400px;border-top:1px solid #ffffff18;padding-top:21px;font-size:11px;color:#dfdfcd}.business-flow b{font-weight:400;color:#bfa578}.story-footer{font-size:8px;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:14px;color:#99aa95}.story-footer span{letter-spacing:0}.auth-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:58px 45px 26px}.auth-main{max-width:370px;width:100%;margin:auto 0;padding:35px 0}.cocoa-intro:before{content:"";display:block;width:36px;height:4px;border-radius:3px;background:#ae8754;margin-bottom:29px}.cocoa-intro .eyebrow{color:#99876e;font-size:10px}h1{font-size:30px;font-weight:600;letter-spacing:-.9px;line-height:1.25;margin:14px 0}h2{font-size:22px}.cocoa-intro p{font-size:13px;line-height:1.7;color:#8a867f;margin:0 0 33px}label{display:grid;gap:9px;font-size:12px;font-weight:600;margin:20px 0}input{width:100%;height:49px;background:#fffdf9;border:1px solid #dedbd2;border-radius:8px;padding:12px 14px;font:400 13px "Segoe UI",Arial,sans-serif;color:#342f2a;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#aaa59b}input:focus{outline:none;border-color:#89947b;box-shadow:0 0 0 3px #435e4010}button{border:0;border-radius:8px;padding:13px 18px;background:#314c3b;color:#fff;font:600 13px "Segoe UI",Arial,sans-serif;cursor:pointer}button:hover{background:#263e2e}.login-submit{display:flex;align-items:center;justify-content:center;gap:25px;width:100%;height:49px;margin-top:27px}.login-submit span{font-size:21px;font-weight:400}button:focus-visible,a:focus-visible{outline:3px solid #b5a27e;outline-offset:3px}.login-help{text-align:center;font-size:11px;line-height:1.9;color:#999187;margin-top:23px}.login-help span{color:#756e62}.access-note{border-top:1px solid #e6e1d7;padding-top:22px;margin-top:30px;text-align:center;font-size:10px;color:#9b9588}.auth-panel footer{font-size:10px;color:#aaa294;margin-top:20px}.error{background:#fff0e9;border:1px solid #ebcfc0;color:#a33d2c;border-radius:8px;padding:12px 14px;margin-bottom:22px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}a{color:#466047}.auth-main .password-control .password-toggle{color:#8d8779}.auth-main .password-toggle:focus-visible{outline-color:#314c3b}@media(min-width:1500px){.cocoa-story{padding-left:calc((100vw - 1300px)/2)}}@media(max-width:1000px){.cocoa-story{padding:34px}.auth-panel{padding:40px 32px 25px}.story-content h2{font-size:42px}.story-footer{flex-direction:column;gap:5px}}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.cocoa-story{padding:24px 26px}.brand{font-size:19px}.brand-mark{width:40px;height:40px;font-size:26px}.story-content{padding:26px 0 0}.story-content .eyebrow{font-size:8px}.story-content h2{font-size:33px;margin:15px 0}.story-content h2 br:nth-of-type(1){display:none}.story-content p{font-size:12px;max-width:360px}.cocoa-art,.business-flow,.story-footer{display:none}.auth-panel{padding:24px 26px}.auth-main{padding:10px 0;max-width:400px}.cocoa-intro:before{display:none}h1{font-size:27px}.cocoa-intro p{margin-bottom:24px}.access-note{margin-top:23px;padding-top:18px}.auth-panel footer{margin-top:17px}}
/* Brand direction inspired by the RKI company profile. */
body{background:#f5f3f1;color:#454545;font-family:Arial,Helvetica,sans-serif}.auth-shell{grid-template-columns:54% 46%}.cocoa-story{background:#171b17;isolation:isolate;min-height:100vh}.cocoa-story:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('../images/rki/cover.png');background-size:100% auto;background-position:center top;background-repeat:no-repeat;opacity:.65}.cocoa-story:after{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(13,17,13,.91),rgba(13,17,13,.48)),linear-gradient(0deg,#171b17 0%,transparent 50%);z-index:-1}.rki-logo{width:76px;height:76px;object-fit:contain}.brand{gap:17px;font-size:24px}.brand small{font-size:8px;letter-spacing:1.8px;color:#d1d1c5}.story-content{padding:70px 0;max-width:490px}.story-content .eyebrow{color:#ffdf42;font-size:9px}.story-content h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;font-size:clamp(36px,3.4vw,52px);line-height:1.17;letter-spacing:-1.8px}.story-content h2 em{color:#ffdf42}.story-content p{color:#d3d5cc;margin-top:27px;max-width:355px}.business-flow{margin-top:45px;padding:23px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff20;color:#efefdf}.business-flow b{color:#ffdf42}.story-footer{color:#bebfb2}.auth-panel{background:#f5f3f1}.cocoa-intro:before{background:#d5b32c;width:40px}.cocoa-intro .eyebrow{color:#89806b}.cocoa-intro h1{color:#454545;font-size:29px}input{background:#fff;border-color:#d9d6d0}input:focus{border-color:#a48d32;box-shadow:0 0 0 3px #d4b63717}.login-submit{background:#595959;color:#fff}.login-submit:hover{background:#414141}.login-submit span{color:#ffdf42}.auth-main .password-toggle:focus-visible{outline-color:#b49a37}.access-note{border-color:#dedbd5}.auth-panel footer{color:#99938a}@media(max-width:1000px){.brand{font-size:20px}.rki-logo{width:65px;height:65px}.story-content h2{font-size:39px}}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.cocoa-story{min-height:0}.cocoa-story:before{background-position:center 25%;background-size:100% auto}.rki-logo{height:52px;width:52px}.brand{font-size:19px}.story-content{padding:29px 0 10px}.story-content h2{font-size:32px}.story-content h2 br:nth-of-type(1){display:block}.story-content p{margin-top:17px}.business-flow{display:none}}

@media(min-width:701px){.cocoa-story:before{background-size:170% auto;background-position:right top}}

@media(min-width:701px){.cocoa-story:before{background-position:right -260px;opacity:.9}}
/* Match the cocoa application theme. */
.auth-panel{background:#f7f3ee}.cocoa-intro h1{color:#49372c}.cocoa-intro:before{background:#aa8158}.login-submit{background:#795238}.login-submit:hover{background:#60402b}.login-submit span{color:#e9c996}.cocoa-intro .eyebrow{color:#9a785b}.auth-main input:focus{border-color:#aa8360;box-shadow:0 0 0 3px #eadbc94d}
/* Larger logo for the login brand, centered alongside the company name. */
.cocoa-story .rki-logo{width:300px;height:300px;flex:0 0 300px;object-fit:contain}.cocoa-story .brand{gap:20px;align-items:center}
@media(max-width:1000px){.cocoa-story .rki-logo{width:240px;height:240px;flex-basis:240px}}
@media(max-width:700px){.cocoa-story .rki-logo{width:180px;height:180px;flex-basis:180px}.cocoa-story .brand{gap:14px}}