:root{--shadow:#000000a6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);font-family:var(--f-ui);background:radial-gradient(900px 620px at 5% 0%, #16688942, transparent 60%), radial-gradient(700px 500px at 100% 100%, #12465b38, transparent 62%), var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none;transition:all .2s}a:hover{filter:brightness(1.2);text-decoration:underline}.shell{grid-template-columns:minmax(420px,1.08fr) minmax(430px,.92fr);min-height:100vh;display:grid}.hero{border-right:1px solid #3a5e6c47;flex-direction:column;justify-content:space-between;padding:46px 54px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#34697c11 1px,#0000 1px),linear-gradient(90deg,#34697c11 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;mask-image:linear-gradient(to bottom right,#000 0%,#0000 78%)}.brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.mark{border:2px solid var(--cyan);border-radius:var(--r-md);width:45px;height:45px;color:var(--cyan);letter-spacing:-1px;place-items:center;font-weight:1000;display:grid;box-shadow:0 0 35px #29c9ff26}.brand-name{font-weight:950;font-size:var(--t-lg);letter-spacing:2.4px}.brand-sub{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:var(--s-1)}.hero-copy{z-index:2;max-width:690px;margin:80px 0;position:relative}.eyebrow{color:var(--cyan);font-size:var(--t-sm);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:1.9px;margin-bottom:13px}.hero-headline{letter-spacing:-2.7px;max-width:740px;color:var(--text);margin:0 0 20px;font-size:clamp(38px,4vw,67px);font-weight:700;line-height:1.02}.hero-headline span{color:var(--cyan)}.hero-copy>p:not(.hero-headline){color:var(--text-inactive);max-width:620px;margin:0;font-size:15px;line-height:1.75}.features{gap:var(--s-3);grid-template-columns:1fr 1fr;max-width:650px;margin-top:30px;display:grid}.feature{border:1px solid var(--card-border);background:var(--surface-inset-tint-opaque);border-radius:var(--r-md);padding:14px}.feature strong{font-size:var(--t-md);margin-bottom:var(--s-2);color:var(--text);display:block}.feature span{color:var(--text-meta);font-size:var(--t-sm);line-height:1.5}.hero-foot{z-index:2;color:var(--text-meta);font-size:var(--t-xs);letter-spacing:.5px;position:relative}.auth-side{place-items:center;padding:30px;display:grid;position:relative}.mobile-brand{align-items:center;gap:var(--s-3);margin-bottom:30px;display:none}.card{background:var(--e-overlay-bg);border:1px solid var(--e-raised-border);width:min(460px,100%);box-shadow:0 35px 95px var(--shadow);padding:36px var(--s-6);border-radius:17px}.card h1{margin:0 0 var(--s-2);letter-spacing:-.5px;font-size:28px}.card .intro{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.55}.form{gap:18px;display:grid}.field{gap:var(--s-2);display:grid}.field label{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.9px;color:var(--text-inactive);font-weight:var(--w-bold)}.input-wrap{position:relative}.field input{background:var(--surface-inset);border:1px solid var(--card-border);width:100%;color:var(--text);border-radius:var(--r-md);outline:0;padding:14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-wrap input{padding-right:65px}.field input:focus{border-color:var(--focus-ring-border-color);box-shadow:var(--focus-ring-shadow);outline:0}.field input[aria-invalid=true]:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--state-danger-bg)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.field input::placeholder{color:var(--text-placeholder);opacity:.8}.field input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 3px var(--state-danger-bg)}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--surface-inset) inset;transition:background-color 99999s ease-out}.field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--surface-inset) inset;transition:background-color 99999s ease-out}.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--surface-inset) inset;transition:background-color 99999s ease-out}.eye{color:var(--muted);padding:var(--s-2) 10px;border-radius:var(--r-sm);font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.5px;background:0 0;border:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.eye:hover{color:var(--cyan);background:var(--state-info-bg)}.row{margin-top:var(--s-1);justify-content:space-between;align-items:center;gap:10px;display:flex}.remember{align-items:center;gap:var(--s-2);color:var(--muted);font-size:var(--t-md);cursor:pointer;display:flex}.remember input{width:16px;height:16px;accent-color:var(--cyan);cursor:pointer}.help{font-size:var(--t-md);font-weight:var(--w-regular)}.submit{border:1px solid var(--cyan);background:var(--action-primary-gradient);width:100%;color:var(--ink-info);border-radius:var(--r-md);font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:.8px;margin-top:var(--s-2);padding:14px;transition:all .2s;box-shadow:0 10px 28px #1eadd92e}.submit:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 12px 35px #1eadd959}.submit:active{transform:translateY(0)}.submit:disabled,.submit:disabled:hover{cursor:wait;opacity:.72;filter:none;transform:none;box-shadow:0 10px 28px #1eadd92e}.message-box{border-radius:var(--r-sm);font-size:var(--t-md);padding:var(--s-3);line-height:1.5;display:none}.message-box.show{display:block}.message-box.error{background:var(--state-danger-bg);border:1px solid var(--red);color:var(--red)}.message-box.error.show{align-items:center;gap:var(--s-2);display:flex}.err-icon{flex:none;font-size:15px;line-height:1}.message-box.info{background:var(--state-info-bg);color:var(--text-secondary);border:1px solid #29c9ff33}.divider{background:var(--divider);height:1px;margin:28px 0}.access-note{gap:var(--s-3);color:var(--text-meta);font-size:var(--t-sm);align-items:flex-start;line-height:1.6;display:flex}.lock{color:var(--cyan);font-size:var(--t-lg);margin-top:-2px}@media (width<=930px){.shell{grid-template-columns:1fr}.hero{display:none}.auth-side{align-items:flex-start;min-height:100vh;padding:10vh 20px 20px}.mobile-brand{display:flex}.card{padding:28px var(--s-5)}}