.login-page{background:#fafafa;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#16423c;flex-direction:column;justify-content:space-between;padding:42px max(40px,50vw - 620px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-160px;right:-170px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.back{color:#c5d8d3;z-index:1;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.back svg{width:15px}.story-content{z-index:1;max-width:520px;position:relative}.login-logo{color:#16423c;background:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:800;display:grid}.eyebrow{letter-spacing:.16em;align-items:center;gap:7px;font-weight:750;display:flex;font-size:9px!important}.eyebrow svg{width:13px}.story-content>.eyebrow{color:#91c7a9;margin-top:30px}.story-content h1{letter-spacing:-.055em;margin:12px 0 22px;font-size:clamp(48px,5vw,72px);line-height:1}.story-content>p:not(.eyebrow){color:#bfd3cd;line-height:1.7}.story-content ul{margin:28px 0;padding:0;list-style:none}.story-content li{color:#d7e5e1;align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.story-content li svg{color:#73c993;width:14px}.login-story>small{color:#80a39a;z-index:1;position:relative}.login-panel{place-items:center;padding:30px;display:grid}.login-card{background:#fff;border:1px solid #e9e9e9;border-radius:22px;width:min(430px,100%);padding:42px;box-shadow:0 22px 65px #122d2614}.lock{color:#16423c;background:#ddf6e8;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.lock svg{width:20px}.login-card>.eyebrow{color:#2e8b57;margin-top:25px}.login-card h2{letter-spacing:-.04em;margin:8px 0;font-size:31px}.intro{color:#777;margin-bottom:28px;font-size:12px;line-height:1.7}.login-card label{margin-bottom:7px;font-size:10px;font-weight:700;display:block}.input-wrap{border:1px solid #ddd;border-radius:10px;align-items:center;gap:9px;height:50px;padding:0 13px;display:flex}.input-wrap:focus-within{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b5717}.input-wrap svg{color:#888;width:16px}.input-wrap input{border:0;outline:0;flex:1;min-width:0}.login-card form>button{color:#fff;cursor:pointer;background:#16423c;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;margin-top:14px;font-weight:700;display:flex}.login-card form>button:hover{background:#1c5149;transform:translateY(-1px)}.login-card form>button:disabled{opacity:.65}.login-card button svg{width:16px}.terms{text-align:center;color:#aaa;margin-top:17px;font-size:8px;line-height:1.5}.error{color:#b42318;font-size:10px}.sent-state{text-align:center}.sent-state>span{color:#16423c;background:#ddf6e8;border-radius:50%;place-items:center;width:62px;height:62px;margin:auto;display:grid}.sent-state>span svg{width:25px}.sent-state h2{margin-top:22px}.sent-state p{color:#777;font-size:12px;line-height:1.6}.sent-state button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:9px;margin-top:10px;padding:10px 14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-story{min-height:390px;padding:28px 24px}.story-content{margin-top:45px}.story-content h1{font-size:48px}.story-content ul,.login-story>small{display:none}.login-panel{padding:35px 16px}.login-card{padding:28px}}.login-page{background:#f5f7f6;grid-template-columns:minmax(480px,1.08fr) minmax(430px,.92fr)}.login-story{background:#123f39}.story-content h1{letter-spacing:-.064em;font-size:clamp(50px,5.3vw,78px);font-weight:620;line-height:.96}.login-panel{position:relative}.login-panel:before{content:"SECURE · PRIVATE · PERSONAL";color:#9da8a4;letter-spacing:.23em;font-size:8px;position:absolute;top:34px}.login-card{border-color:#e2e8e5;border-radius:24px;width:min(450px,100%);padding:46px;box-shadow:0 30px 80px #122d2617}.login-visual{z-index:2;width:280px;position:absolute;bottom:90px;right:42px}.visual-brief{color:#173b36;background:#fffffff5;border-radius:18px;padding:18px;transform:rotate(-2deg);box-shadow:0 24px 60px #05181433}.visual-brief>small{letter-spacing:.13em;color:#2e8b57;font-size:7px;font-weight:800}.visual-brief>strong{margin:9px 0 3px;font-size:16px;display:block}.visual-brief>p{color:#697673;margin:0;font-size:9px;line-height:1.5}.visual-brief>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;display:grid}.visual-brief>div>span{background:#f1f7f4;border-radius:8px;padding:8px;font-size:14px;font-weight:800}.visual-brief>div small{color:#84908d;margin-top:2px;font-size:6px;display:block}.visual-message{color:#16423c;background:#ddf6e8;border:1px solid #16423c1a;border-radius:14px;width:235px;margin:-5px 0 0 -46px;padding:13px;transform:rotate(2deg);box-shadow:0 18px 40px #05181429}.visual-message>span{color:#fff;background:#16423c;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.visual-message>span svg{width:12px}.visual-message p{font-size:9px;line-height:1.5}.visual-message strong{color:#2e8b57;align-items:center;gap:4px;font-size:8px;display:flex}.visual-message strong svg{width:10px}@media (width<=1050px){.login-visual{display:none}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-card{padding:28px}.login-panel:before{display:none}}