.auth-glass{color:#f4ede4;z-index:1;background:#0e0b0c;font-family:Manrope,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.auth-glass .ag-bg{z-index:0;position:absolute;inset:0}.auth-glass .ag-bg img{object-fit:cover;object-position:center;will-change:transform;width:100%;height:100%;animation:32s ease-in-out infinite alternate agKen;transform:scale(1.05)}@keyframes agKen{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.13)translate(-2%,-1%)}}.auth-glass .ag-dim{z-index:1;background:radial-gradient(120% 90% at 15% 20%,#0e0b0c26 0%,#0e0b0c8c 55%,#0e0b0ccc 100%),linear-gradient(#0e0b0c1a,#0e0b0c8c);position:absolute;inset:0}.auth-glass .ag-grain{z-index:2;opacity:.08;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.auth-glass .ag-shell{z-index:3;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;height:100%;padding:clamp(20px,4vw,56px);display:grid;position:relative}.auth-glass .ag-brand{align-self:start;align-items:center;gap:12px;display:flex}.auth-glass .ag-brand img{opacity:.95;width:auto;height:28px;display:block}.auth-glass .ag-anchor{flex-direction:column;align-self:end;gap:20px;width:100%;max-width:480px;animation:.7s cubic-bezier(.2,.9,.2,1) both agRise;display:flex}@keyframes agRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0)}}.auth-glass .ag-copy .kick{text-transform:uppercase;letter-spacing:.14em;color:#f4ede499;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-family:Oswald,sans-serif;font-size:11px;display:inline-block}.auth-glass .ag-copy h1{letter-spacing:-.01em;color:#f4ede4;margin:0 0 8px;font-family:Oswald,sans-serif;font-size:clamp(34px,4.4vw,54px);font-weight:500;line-height:1.02}.auth-glass .ag-copy p{color:#f4ede4ad;max-width:40ch;margin:0;font-size:15px;line-height:1.5}.auth-glass .ag-card{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:#1411126b;border:1px solid #ffffff1f;border-radius:20px;padding:24px 24px 22px;position:relative;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #00000059,0 24px 60px -20px #0009}.auth-glass .ag-form{flex-direction:column;gap:12px;display:flex}.auth-glass .ag-field{flex-direction:column;display:flex;position:relative}.auth-glass .ag-field label{text-transform:uppercase;letter-spacing:.08em;color:#f4ede499;margin-bottom:6px;font-family:Oswald,sans-serif;font-size:10.5px}.auth-glass .ag-field input{color:#f4ede4;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;padding:13px 14px;font-family:Manrope,sans-serif;font-size:14.5px;transition:border-color .18s,background .18s,box-shadow .18s}.auth-glass .ag-field input::placeholder{color:#f4ede452}.auth-glass .ag-field input:hover{background:#ffffff0f;border-color:#ffffff29}.auth-glass .ag-field input:focus{background:#ffffff12;border-color:#d827288c;box-shadow:0 0 0 3px #d827284d}.auth-glass .ag-field.with-toggle input{padding-right:56px}.auth-glass .ag-toggle{color:#f4ede48c;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:Oswald,sans-serif;font-size:10.5px;transition:color .14s,background .14s;position:absolute;top:50%;right:8px;transform:translateY(calc(8px - 50%))}.auth-glass .ag-toggle:hover{color:#f4ede4;background:#ffffff0f}.auth-glass .ag-row{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.auth-glass .ag-forgot,.auth-glass .ag-alt a,.auth-glass .ag-back{color:#f4ede4b8;border-bottom:1px solid #f4ede429;padding-bottom:1px;font-size:12.5px;text-decoration:none;transition:color .14s,border-color .14s}.auth-glass .ag-forgot:hover,.auth-glass .ag-alt a:hover,.auth-glass .ag-back:hover{color:#f4ede4;border-color:#d82728b3}.auth-glass .ag-hint{color:#f4ede480;align-items:center;gap:6px;font-size:11.5px;display:flex}.auth-glass .ag-hint.ok{color:#7cd48f}.auth-glass .ag-hint.bad{color:#e65637}.auth-glass .ag-hint:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.auth-glass .ag-err{color:#ffb9b9;background:#d827281f;border:1px solid #d8272866;border-radius:10px;margin:2px 0 0;padding:10px 12px;font-size:13px}.auth-glass .ag-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:#f4ede4;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-family:Oswald,sans-serif;font-size:13px;transition:transform .14s,background .16s,border-color .16s;display:inline-flex}.auth-glass .ag-btn:disabled{opacity:.6;cursor:not-allowed}.auth-glass .ag-btn-solid{background:linear-gradient(#e5363a 0%,#c21f22 100%);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff38,0 10px 26px -8px #d827288c}.auth-glass .ag-btn-solid:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-glass .ag-btn-solid:focus-visible{outline:none;box-shadow:inset 0 1px #ffffff38,0 0 0 3px #d8272859}.auth-glass .ag-btn-ghost{background:#ffffff0a}.auth-glass .ag-btn-ghost:hover:not(:disabled){background:#ffffff14;border-color:#ffffff29}.auth-glass .ag-alt{text-align:center;color:#f4ede48c;margin:14px 0 0;font-size:13px}.auth-glass .ag-success{flex-direction:column;gap:8px;padding:8px 2px 2px;display:flex}.auth-glass .ag-success strong{color:#f4ede4;font-family:Oswald,sans-serif;font-size:18px;font-weight:500}.auth-glass .ag-success span{color:#f4ede4a6;font-size:13.5px;line-height:1.5}@media (width>=900px){.auth-glass .ag-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;padding:48px clamp(48px,6vw,88px)}.auth-glass .ag-brand{grid-area:1/1/auto/-1}.auth-glass .ag-anchor{grid-area:2/1;align-self:end}.auth-glass .ag-side{text-align:right;color:#f4ede46b;letter-spacing:.03em;grid-area:2/2;place-self:end;max-width:320px;font-size:11.5px;line-height:1.6}}@media (width<=899px){.auth-glass .ag-shell{padding:24px 20px 28px}.auth-glass .ag-brand img{height:22px}.auth-glass .ag-copy h1{font-size:32px}.auth-glass .ag-anchor{justify-self:stretch;margin:auto 0 0}.auth-glass .ag-side{display:none}}@media (prefers-reduced-motion:reduce){.auth-glass .ag-bg img,.auth-glass .ag-anchor{animation:none}}.auth-glass .ag-tabs{background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px;padding:4px;display:grid}.auth-glass .ag-tab{appearance:none;color:#f4ede499;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 10px;font-size:12.5px;transition:background .16s,color .16s}.auth-glass .ag-tab:hover{color:#f4ede4d9}.auth-glass .ag-tab.active{color:#f4ede4;background:#f4ede41f;box-shadow:inset 0 1px #ffffff24}.auth-glass .ag-otp{grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 2px;display:grid}.auth-glass .ag-otp-box{text-align:center;letter-spacing:.02em;color:#f4ede4;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;outline:none;width:100%;height:62px;font-size:26px;font-weight:600;transition:border-color .14s,background .14s,box-shadow .14s}.auth-glass .ag-otp-box:focus{background:#ffffff14;border-color:#e65637b3;box-shadow:0 0 0 3px #e6563729}.auth-glass .ag-forgot[disabled]{opacity:.45;cursor:default}
