.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,480px) 1fr;background:#f3f4f5}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,7vw,72px);background:#fff;position:relative}.login-brand{display:flex;align-items:center;gap:12px;position:absolute;top:30px;left:clamp(28px,7vw,72px)}.login-card{max-width:390px;width:100%;margin:auto}.login-card .eyebrow{margin-bottom:10px}.login-card h1{font-size:2.2rem}.login-card>p{color:var(--muted);margin-bottom:26px}.login-card .btn{width:100%;margin-top:8px}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#242629,#111214)}.login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(240,90,0,.34),transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1),transparent 36%)}.login-visual-content{position:absolute;left:9%;right:9%;bottom:10%;color:#fff}.login-visual-content h2{font-size:clamp(2rem,4vw,4.5rem);line-height:1.03;letter-spacing:-.04em;margin-bottom:16px}.login-visual-content p{max-width:650px;color:rgba(255,255,255,.68)}.login-features{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.login-feature{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;font-size:.75rem}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:5px;bottom:5px;width:38px;height:38px;border:0;background:transparent;cursor:pointer;color:var(--muted)}
@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.login-brand{position:static;margin-bottom:50px}.login-card{margin:0 auto}}