:root{--bg:#070a0e;--panel:#0d1218;--line:#202a35;--text:#f5f7fa;--muted:#8f9baa;--accent:#f0b429;--accent2:#ffcf5a;--danger:#ff6b6b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr)}.login-visual{position:relative;overflow:hidden;padding:54px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(240,180,41,.16),transparent 30%),linear-gradient(145deg,#111821,#080b0f)}.login-visual:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-240px;bottom:-240px;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.visual-brand,.mobile-brand{display:flex;align-items:center;gap:13px;font-size:18px}.visual-brand span,.mobile-brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#16100a;font-weight:900}.visual-copy{position:relative;z-index:1;max-width:640px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--accent)}.visual-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 22px;max-width:720px}.visual-copy p{font-size:18px;line-height:1.7;color:#aab4c0;max-width:580px}.visual-footer{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.visual-footer i{width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 5px rgba(53,208,127,.1)}.login-area{display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#0b0f14,#070a0e)}.login-card{width:min(100%,440px)}.mobile-brand{display:none}.login-card header{margin-bottom:32px}.login-card h2{font-size:38px;letter-spacing:-.04em;margin:10px 0}.login-card header p{color:var(--muted);margin:0}.field{margin:0 0 20px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.input-wrap{height:56px;display:flex;align-items:center;border:1px solid var(--line);background:#0c1117;border-radius:14px;transition:.2s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(240,180,41,.1)}.input-wrap>span{width:48px;text-align:center;color:#758191}.input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);padding:0 14px 0 0}.input-wrap button{border:0;background:transparent;color:#8995a3;width:48px;height:100%;cursor:pointer}.field small{display:block;color:var(--danger);margin-top:7px}.login-button{width:100%;height:56px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#171009;font-weight:900;display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer;margin-top:8px}.login-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.login-alert{padding:13px 14px;border:1px solid rgba(255,107,107,.3);background:rgba(255,107,107,.08);color:#ff9999;border-radius:12px;margin-bottom:20px}.login-card footer{text-align:center;color:#65707d;font-size:12px;margin-top:28px}@media(max-width:860px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-area{padding:24px;min-height:100dvh}.mobile-brand{display:flex;margin-bottom:48px}.login-card h2{font-size:32px}}@media(max-width:430px){.login-area{place-items:start center;padding:22px 18px}.mobile-brand{margin:10px 0 44px}.input-wrap{height:54px}.login-card h2{font-size:29px}}