.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}}