html,body{height:100%}body{background:var(--ink);overflow-x:hidden}.auth{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}@media (max-width:920px){body{overflow:auto}.auth{grid-template-columns:1fr;min-height:auto}}.stage{border-right:1px solid var(--border);background:radial-gradient(900px 600px at 30% 20%,#7c3aed4d,#0000 60%),radial-gradient(700px 520px at 80% 90%,#7c3aed29,#0000 60%),linear-gradient(160deg,#120f1f 0%,#0a0a0f 70%);flex-direction:column;padding:clamp(12px,2.2vh,36px) 56px clamp(12px,2.2vh,40px);display:flex;position:relative;overflow:hidden}@media (max-width:920px){.stage{border-right:none;border-bottom:1px solid var(--border);padding:36px 28px 44px}}.stage__top{z-index:3;justify-content:space-between;align-items:center;width:100%;max-width:460px;margin-inline:auto;display:flex;position:relative}.stage__back{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;font-size:.82rem;transition:color .15s;display:inline-flex}.stage__back:hover{color:var(--snow)}.eye-motif{display:inline-block}.stage__center{z-index:3;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:100%;max-width:460px;margin-inline:auto;padding:clamp(12px,2.2vh,28px) 0;display:flex;position:relative}.character{width:clamp(215px,28vh,296px);max-width:64%;margin-bottom:8px;position:relative}@media (max-width:920px){.character{width:190px;margin-inline:auto}}.character__halo{filter:blur(6px);background:radial-gradient(circle,#a78bfa59,#0000 62%);border-radius:50%;animation:5.5s ease-in-out infinite breathe;position:absolute;inset:-18%}@keyframes breathe{0%,to{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.character__ring{z-index:2;border:1.5px solid var(--accent-40);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:-8%;transform:rotate(-32deg);-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000)}.character__ring--2{border-color:#0000 #0000 #c2ff3d40 #c2ff3d40;animation-duration:30s;animation-direction:reverse;inset:1%;transform:rotate(20deg)}@keyframes spin{to{transform:rotate(328deg)}}.character__owl{z-index:3;filter:drop-shadow(0 18px 40px #7c3aed80);width:100%;animation:6s ease-in-out infinite bob,4.5s ease-in-out infinite owlGlow;position:relative}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes owlGlow{0%,to{filter:drop-shadow(0 18px 40px #7c3aed73)}50%{filter:drop-shadow(0 14px 46px #a78bfac7)}}.character__core{z-index:0;filter:blur(10px);background:radial-gradient(circle at 50% 52%,#c2ff3d29 0%,#0000 40%),radial-gradient(circle at 50% 55%,#7c3aed80 0%,#7c3aed1f 52%,#0000 72%);border-radius:50%;animation:4.5s ease-in-out infinite portalCore;position:absolute;inset:6%}@keyframes portalCore{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.character__portal{z-index:1;filter:blur(3px)saturate(1.25);background:conic-gradient(#0000 0deg,#a78bfa00 28deg,#a78bfa8c 95deg,#c2ff3d6b 150deg,#7c3aed99 215deg,#a78bfa38 295deg,#0000 345deg);border-radius:50%;animation:9s linear infinite portalSpin;position:absolute;inset:-4%;-webkit-mask:radial-gradient(closest-side,#0000 55%,#000 66% 90%,#0000 100%);mask:radial-gradient(closest-side,#0000 55%,#000 66% 90%,#0000 100%)}@keyframes portalSpin{to{transform:rotate(360deg)}}.character__ring--3{border-color:#c2ff3d29 #0000 #0000 #c2ff3d29;animation-duration:26s;inset:-15%;transform:rotate(75deg)}.character__spark{z-index:2;animation:13s linear infinite portalSpin;position:absolute;inset:-2%}.character__spark:before{content:"";background:var(--lime);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:2%;left:50%;box-shadow:0 0 12px 2px #c2ff3db3}.character__spark--2{animation-duration:19s;animation-direction:reverse}.character__spark--2:before{background:var(--accent);top:auto;bottom:4%;box-shadow:0 0 12px 2px #a78bfab3}@media (prefers-reduced-motion:reduce){.character__core,.character__portal,.character__ring,.character__spark,.character__halo,.character__owl{animation:none!important}}.stage__copy{max-width:none;margin-top:clamp(10px,2.2vh,34px)}.stage__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);align-items:center;gap:9px;font-size:.74rem;display:inline-flex}.stage__h{font-family:var(--font-display);letter-spacing:-.03em;color:var(--snow);text-wrap:balance;margin:16px 0 0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:700;line-height:1.04}.stage__h .lime{color:var(--lime)}.stage__p{color:var(--snow-70);margin-top:14px;font-size:1rem}.persona-ping{z-index:6;border:1px solid var(--accent-40);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:max-content;max-width:215px;font-family:var(--font-mono);color:var(--snow);opacity:0;transform-origin:0;pointer-events:none;background:#14121eeb;border-radius:16px;align-items:flex-start;gap:9px;padding:9px 14px;font-size:.8rem;line-height:1.35;transition:opacity .4s,transform .45s cubic-bezier(.2,.9,.3,1.3);display:inline-flex;position:absolute;top:6%;left:80%;transform:translateY(6px)scale(.9);box-shadow:0 12px 34px -12px #7c3aeda6}.persona-ping.in{opacity:1;transform:translateY(0)scale(1)}.persona-ping__dot{background:var(--lime);border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px;box-shadow:0 0 9px 1px #c2ff3dd9}@media (max-width:920px){.persona-ping{display:none}}.panel{background:var(--ink);justify-content:center;align-items:center;max-height:100vh;padding:clamp(12px,1.8vh,24px) 40px;display:flex;position:relative;overflow-y:auto}@media (max-width:920px){.panel{max-height:none;padding:48px 24px 64px;overflow-y:visible}}.form-card{width:100%;max-width:392px}.form-brand{align-items:center;gap:10px;margin-bottom:clamp(8px,1.4vh,14px);display:inline-flex}.form-brand img{width:32px;height:32px}.form-brand span{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.form-card h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:1.75rem;font-weight:700;line-height:1.05}.form-card .sub{color:var(--muted);margin-bottom:clamp(8px,1.5vh,16px);font-size:.98rem}.form-card .sub a{color:var(--accent);font-weight:600}.form-card .sub a:hover{text-decoration:underline}.agent-btn{text-align:left;background:var(--surface);border:1px solid var(--accent-40);border-radius:var(--radius-xl);align-items:center;gap:14px;width:100%;padding:11px 16px;transition:border-color .15s,background .15s,transform .12s;display:flex}.agent-btn:hover{border-color:var(--accent);background:#16131f}.agent-btn:active{transform:translateY(1px)}.agent-btn__ico{background:var(--accent-10);border:1px solid var(--accent-40);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;padding:5px;display:grid}.agent-btn__ico img{width:100%;height:100%}.agent-btn__t{color:var(--snow);font-size:.96rem;font-weight:600;display:block}.agent-btn__s{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:.74rem;display:block}.agent-btn__arrow{color:var(--accent);margin-left:auto;font-size:1.1rem}.sso-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.sso{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--snow-80);justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s,transform .12s;display:flex}.sso svg{flex:none}.sso:hover{border-color:var(--accent-40);color:var(--snow);background:#16131f}.sso:active{transform:translateY(1px)}.sso.busy{opacity:.7;pointer-events:none}@media (max-width:360px){.sso span{display:none}.sso{padding:12px 8px}}.divider{align-items:center;gap:14px;margin:clamp(8px,1.3vh,14px) 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.72rem}.field{margin-bottom:clamp(7px,1.2vh,12px)}.field label{color:var(--snow-80);margin-bottom:7px;font-size:.84rem;font-weight:600;display:block}.field__wrap{position:relative}.field input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--snow);padding:13px 15px;font-family:inherit;font-size:.98rem;transition:border-color .15s,background .15s}.field input::placeholder{color:var(--muted-70)}.field input:focus{border-color:var(--accent);background:#15131d;outline:none}.field input.invalid{border-color:var(--danger,#f87171)}.pw-toggle{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-lg);background:0 0;border:none;padding:8px 10px;font-size:.72rem;transition:color .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--accent)}.field__row{justify-content:space-between;align-items:center;margin-bottom:clamp(10px,1.5vh,16px);display:flex}.remember{color:var(--snow-70);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:.88rem;display:inline-flex}.remember input{opacity:0;width:0;height:0;position:absolute}.checkbox{border:1px solid var(--border-2);background:var(--surface);border-radius:5px;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.checkbox:after{content:"";background:var(--accent);border-radius:2px;width:9px;height:9px;transition:transform .15s;transform:scale(0)}.remember input:checked+.checkbox{border-color:var(--accent)}.remember input:checked+.checkbox:after{transform:scale(1)}.remember input:focus-visible+.checkbox{box-shadow:0 0 0 2px var(--accent-40)}.forgot{color:var(--accent);font-size:.88rem;font-weight:500}.forgot:hover{text-decoration:underline}.err-msg{font-family:var(--font-mono);color:#f87171;margin-top:7px;font-size:.76rem;display:none}.err-msg.show{display:block}