*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;
    background:#08111f;color:#edf3ff}
    .login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
    .login-visual{padding:48px;display:flex;flex-direction:column;justify-content:space-between;
        background:radial-gradient(circle at 20% 20%,#334ed9 0,transparent 34%),linear-gradient(145deg,#101c36,#08111f)}
        .login-brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}
        .login-brand>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#5c73ff}
        .login-brand div{display:grid}.login-brand small{color:#9cabc1}
        .visual-copy{max-width:650px;margin:auto 0}
        .eyebrow{color:#94a7ff;font-weight:800;text-transform:uppercase;font-size:12px}
        .visual-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:16px 0}
        .visual-copy p{max-width:580px;color:#a7b4c7;font-size:18px}
        .login-panel{display:grid;place-items:center;padding:32px;background:#0c1627}
        .login-card{
            width:min(100%,440px);
            padding:34px;
            border:1px solid rgba(255,255,255,.08);
            border-radius:24px;
            background:#111d31;
            box-shadow:0 30px 80px rgba(0,0,0,.35)}
            
        .login-card h2{font-size:32px;margin:22px 0 6px}
        .login-card>p,.login-note{color:#91a0b6}
        .trial-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border-radius:999px;
            background:rgba(92,115,255,.14);color:#aab7ff;font-size:12px;font-weight:800}
            .login-card form{display:grid;gap:18px;margin-top:28px}
            .login-card label{display:grid;gap:8px;font-weight:700;font-size:13px}
            .input-wrap{
                display:flex;align-items:center;
                gap:10px;
                border:1px solid rgba(255,255,255,.1);
                border-radius:13px;
                background: transparent !important;
                padding:0 14px}
            .input-wrap input{flex:1;padding:14px 0;border:0;outline:0;background: transparent !important;}
            .input-wrap button{border:0;
                color:#91a0b6;
                cursor:pointer;
            background: transparent !important;}
            .login-submit{display:flex;
                justify-content:center;
                align-items:center;
                gap:10px;
                padding:14px;
                border:0;
                border-radius:13px;
                background:#5c73ff;
                color:#fff;
                font-weight:800;
                cursor:pointer}
                .alert{margin-top:16px;padding:12px 14px;border-radius:12px;background:#19263d}
                .alert-error{background:rgba(220,65,80,.15);color:#ffabb4}
                .login-note{margin-top:22px;font-size:12px;text-align:center}@media(max-width:850px){.login-layout{grid-template-columns:1fr}.login-visual{display:none}}