@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--bg-0:#0b1220;--bg-1:#0e1a2b;--brand:#3aa3ff;--brand-2:#67e8f9;--text:#e9eef7;--muted:#a9b3c7;--danger:#ff6b6b;--ok:#22c55e;--ring:0 0 0 3px rgba(58, 163, 255, .35);--shadow-lg:0 20px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25);--radius:16px}body,html{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,rgba(58,163,255,.12),transparent 60%),radial-gradient(900px 700px at 80% 70%,rgba(103,232,249,.1),transparent 60%),linear-gradient(180deg,#0b0f1a 0%,var(--bg-0) 100%);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.wrap{min-height:100%;display:grid;grid-template-columns:1fr}@media (min-width:980px){.wrap{grid-template-columns:61.8% 38.2%}}.showcase{position:relative;padding:clamp(24px,3vw,40px);display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;min-height:40vh}.showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)0 0/120px 100%,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 60px 0/120px 100%,linear-gradient(180deg,rgba(255,255,255,.03) 30%,rgba(255,255,255,0) 60%);opacity:.25;filter:blur(.2px);pointer-events:none}.brand{position:absolute;top:clamp(24px,3vw,40px);left:clamp(24px,3vw,40px);display:flex;gap:12px;align-items:center}.brand svg{width:34px;height:34px}.brand-title{font-weight:700;letter-spacing:.6px;font-size:clamp(18px,2.2vw,22px)}.hero-copy{max-width:680px;margin-bottom:clamp(24px,4vh,60px);backdrop-filter:saturate(140%) blur(2px)}.hero-title{font-size:clamp(28px,4.2vw,44px);line-height:1.15;margin:0 0 12px;font-weight:800}.hero-sub{margin:0;color:var(--muted);font-size:clamp(14px,1.6vw,16px)}.panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px);background:radial-gradient(320px 240px at 100%0,rgba(58,163,255,.1),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.12))}.app-card{width:100%;max-width:520px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.18));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:clamp(20px,3.6vw,36px);backdrop-filter:blur(6px) saturate(120%)}.app-card h1{margin:0 0 8px;font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:.2px}.app-card p{margin:0 0 18px;color:var(--muted)}.field{margin:14px 0 0}.field label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}.input{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus-within{border-color:rgba(58,163,255,.7);box-shadow:var(--ring);background:rgba(255,255,255,.09)}.input input{appearance:none;outline:0;border:0;background:0 0;color:var(--text);width:100%;font-size:16px}.input input:-webkit-autofill,.input input:-webkit-autofill:active,.input input:-webkit-autofill:focus,.input input:-webkit-autofill:hover{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px transparent;-webkit-text-fill-color:var(--text)}.input input::placeholder{color:#9fb0cc}.icon{width:18px;height:18px;opacity:.9}.app-row,.remember{display:flex;align-items:center}.app-row{justify-content:space-between;gap:12px;margin-top:10px}.remember{gap:8px;font-size:14px;color:var(--muted)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.app-btn{--pad:14px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:var(--pad);width:100%;border-radius:12px;border:0;background:linear-gradient(180deg,var(--brand),#2a82d9);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:transform .02s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 8px 22px rgba(58,163,255,.35)}.app-btn:hover{filter:brightness(1.04)}.app-btn:active{transform:translateY(1px)}.app-btn[disabled]{opacity:.65;cursor:not-allowed}.app-btn.secondary{background:rgba(255,255,255,.06);color:var(--text);box-shadow:none;border:1px solid rgba(255,255,255,.14)}.actions{margin:1rem 0;flex-direction:column;gap:10px}.actions,.footer,.security{display:flex;align-items:center}.footer{margin-top:16px;justify-content:space-between;gap:8px;color:var(--muted);font-size:13.5px;flex-wrap:wrap}.security{gap:10px}.app-badge{border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px}.tiny,.toggle{color:var(--muted)}.tiny{font-size:12px}.toggle{background:0 0;border:0;cursor:pointer;padding:4px 6px;border-radius:8px}.toggle:hover{color:var(--text)}.toggle:focus{outline:0;box-shadow:var(--ring)}.helpers{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.helpers a{font-size:14px}.chat{position:fixed;right:20px;bottom:20px;background:linear-gradient(180deg,var(--brand-2),#22c1d6);color:#0a1220;border:0;border-radius:30px;padding:12px 16px;font-weight:700;box-shadow:var(--shadow-lg);cursor:pointer}#submit-login-btn{width:226px}.loader{border:3px solid #f3f3f3;border-top:3px solid var(--brand);border-radius:50%;width:12px;height:12px;animation:spin 2s linear infinite}.d-none{display:none}@media (prefers-reduced-motion:no-preference){.app-card{animation:rise .5s ease both}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}}