.auth-root{--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--amber-500:#f59e0b;--green-500:#22c55e;--red-500:#ef4444;--font-ui:var(--font-inter),system-ui,-apple-system,sans-serif;--font-display:var(--font-inter-tight),var(--font-inter),system-ui,sans-serif;--font-mono:var(--font-plex-mono),ui-monospace,monospace;--ease:cubic-bezier(0.2,0.7,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--grad:linear-gradient(135deg,#4f46e5,#6366f1 46%,#1f9d8f)}.auth-root[data-theme=dark]{color-scheme:dark;--bg-0:#0b0f1a;--glow-a:rgba(99,102,241,0.18);--glow-b:rgba(45,212,191,0.1);--card:rgba(22,27,42,0.72);--card-2:#1b2236;--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.13);--line-3:rgba(255,255,255,0.2);--ink:#f2f4f9;--ink-2:#aab3c5;--ink-3:#7c8499;--ink-4:#586074;--field:rgba(16,22,37,0.32);--field-solid:#121929;--field-line:rgba(255,255,255,0.12);--google:#1a2236;--google-line:rgba(255,255,255,0.14);--google-hover:#202942;--shadow:0 2px 8px rgba(0,0,0,0.3),0 30px 70px -20px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04)}.auth-root[data-theme=light]{color-scheme:light;--bg-0:#f7f8fb;--glow-a:rgba(99,102,241,0.1);--glow-b:rgba(45,212,191,0.07);--card:rgba(255,255,255,0.9);--card-2:#f6f7fb;--line:rgba(15,23,42,0.08);--line-2:rgba(15,23,42,0.12);--line-3:rgba(15,23,42,0.2);--ink:#1a2236;--ink-2:#475069;--ink-3:#6b7388;--ink-4:#98a0b3;--field:#ffffff;--field-solid:#ffffff;--field-line:rgba(15,23,42,0.14);--google:#ffffff;--google-line:rgba(15,23,42,0.14);--google-hover:#f6f7fb;--shadow:0 2px 8px rgba(15,23,42,0.06),0 30px 70px -24px rgba(15,23,42,0.22),0 0 0 1px rgba(15,23,42,0.05)}.auth-root{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,4vw,56px);background:radial-gradient(900px 620px at 80% 14%,var(--glow-a),transparent 60%),radial-gradient(760px 540px at 8% 92%,var(--glow-b),transparent 55%),var(--bg-0);position:relative;overflow-x:hidden;font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.auth-root *,.auth-root :after,.auth-root :before{box-sizing:border-box}.auth-root:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;opacity:.5;-webkit-mask-image:radial-gradient(900px 600px at 50% 30%,#000,transparent 78%);mask-image:radial-gradient(900px 600px at 50% 30%,#000,transparent 78%)}.auth-root .auth-grid{position:relative;width:100%;max-width:1040px;display:grid;grid-template-columns:1fr 460px;gap:clamp(28px,5vw,80px);align-items:center}.auth-root .brand{max-width:430px;margin-inline:auto}.auth-root .brand-logo{display:flex;align-items:center;gap:11px;margin-bottom:18px}.auth-root .brand-mark{width:42px;height:42px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:16px;letter-spacing:-.02em;color:#fff;box-shadow:0 6px 16px -4px rgba(79,70,229,.5),inset 0 1px 0 rgba(255,255,255,.28)}.auth-root .brand-word{font-family:var(--font-display);font-weight:680;font-size:27px;letter-spacing:-.03em;color:var(--ink)}.auth-root .brand-word b{font-weight:680;background:linear-gradient(100deg,var(--indigo-500),var(--teal-400));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-root .brand-tag{font-family:var(--font-display);font-size:19px;font-weight:550;letter-spacing:-.02em;color:var(--ink-2);margin:0 0 26px}.auth-root .benefits{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:14px}.auth-root .benefits li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-2);letter-spacing:-.01em}.auth-root .benefits .bchk{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--teal-500);background:color-mix(in oklch,var(--teal-500) 14%,transparent)}.auth-root .brand-divider{height:1px;background:linear-gradient(90deg,var(--line-2),transparent);margin:0 0 18px}.auth-root .cert-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:5px}.auth-root .cert-note{font-size:12px;color:var(--ink-3);margin:0 0 16px;letter-spacing:-.01em}.auth-root .seal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px;max-width:340px}.auth-root .seal{position:relative;aspect-ratio:1;display:grid;place-items:center;cursor:default;filter:grayscale(1);opacity:.5;transition:filter .35s var(--ease),opacity .35s var(--ease),transform .35s var(--ease-out)}.auth-root .seal:hover{filter:grayscale(0);opacity:1;transform:translateY(-3px) scale(1.05)}.auth-root .seal-svg{width:100%;height:100%;overflow:visible}.auth-root .seal:hover .seal-svg{filter:drop-shadow(0 8px 20px var(--seal-glow,rgba(99,102,241,.5)))}.auth-root .seal-o{fill:none;stroke:var(--line-3);stroke-width:2.4;transition:stroke .35s var(--ease)}.auth-root .seal-band{fill:none;stroke:var(--line-2);stroke-width:.7}.auth-root .seal-in{fill:var(--card-2);stroke:var(--line-2);stroke-width:1;transition:fill .35s var(--ease),stroke .35s var(--ease)}.auth-root .seal-arc{fill:var(--ink-4);font-family:var(--font-mono);font-size:6.1px;font-weight:500;letter-spacing:.18px;text-anchor:middle;transition:fill .35s}.auth-root .seal-iso{fill:var(--ink-2);font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.5px;text-anchor:middle;transition:fill .35s}.auth-root .seal-num{fill:var(--ink-3);font-size:11px}.auth-root .seal-num,.auth-root .seal-sub{font-family:var(--font-mono);font-weight:500;text-anchor:middle;transition:fill .35s}.auth-root .seal-sub{fill:var(--ink-4);font-size:7.5px;letter-spacing:.4px}.auth-root .seal-dot{fill:var(--line-3);transition:fill .35s}.auth-root .seal:hover .seal-o{stroke:var(--seal-line)}.auth-root .seal:hover .seal-in{fill:var(--seal-fill);stroke:var(--seal-line)}.auth-root .seal:hover .seal-iso{fill:var(--seal-ink)}.auth-root .seal:hover .seal-dot,.auth-root .seal:hover .seal-num,.auth-root .seal:hover .seal-sub{fill:var(--seal-line)}.auth-root .seal:hover .seal-arc{fill:var(--ink-3)}.auth-root .seal.a-indigo{--seal-glow:rgba(99,102,241,0.5);--seal-fill:color-mix(in oklch,var(--indigo-500) 18%,var(--card-2));--seal-line:var(--indigo-500);--seal-ink:var(--indigo-400)}.auth-root .seal.a-teal{--seal-glow:rgba(45,212,191,0.45);--seal-fill:color-mix(in oklch,var(--teal-500) 18%,var(--card-2));--seal-line:var(--teal-500);--seal-ink:var(--teal-400)}.auth-root .seal.a-amber{--seal-glow:rgba(245,158,11,0.4);--seal-fill:color-mix(in oklch,var(--amber-500) 16%,var(--card-2));--seal-line:var(--amber-500);--seal-ink:#fbbf24}.auth-root .card{position:relative;background:var(--card);backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--line);border-radius:22px;padding:26px 34px 24px;box-shadow:var(--shadow);animation:auth-card-in .5s var(--ease-out)}@keyframes auth-card-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.auth-root .card-top{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:8px}.auth-root .chip-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;border:1px solid transparent;background:none;color:var(--ink-3);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.auth-root .chip-btn:hover{border-color:var(--line-2);color:var(--ink)}.auth-root .chip-btn.icon{width:34px;padding:0;justify-content:center}.auth-root .lang-wrap{position:relative}.auth-root .lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:160px;padding:6px;border-radius:12px;background:var(--field-solid);border:1px solid var(--line-2);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.auth-root .lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;border:none;background:none;color:var(--ink-2);font:inherit;font-size:13px;text-align:left;cursor:pointer}.auth-root .lang-menu button:hover{background:var(--card-2);color:var(--ink)}.auth-root .lang-menu button[aria-selected=true]{color:var(--indigo-400)}.auth-root .card h1{font-family:var(--font-display);font-size:27px;font-weight:680;letter-spacing:-.03em;color:var(--ink);margin:6px 0 8px;text-align:center}.auth-root .card .sub{text-align:center;font-size:14px;color:var(--ink-3);margin:0 0 22px}.auth-root .card .sub a,.auth-root .link{color:var(--indigo-400);font-weight:550;cursor:pointer;text-decoration:none}.auth-root[data-theme=light] .card .sub a,.auth-root[data-theme=light] .link{color:var(--indigo-600)}.auth-root .card .sub a:hover,.auth-root .link:hover{text-decoration:underline}.auth-root .btn-oauth{width:100%;height:48px;border-radius:12px;border:1px solid var(--google-line);background:var(--google);color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 1px 2px rgba(0,0,0,.06)}.auth-root .btn-oauth+.btn-oauth{margin-top:10px}.auth-root .btn-oauth:hover{background:var(--google-hover);transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}.auth-root .btn-oauth:active{transform:translateY(0)}.auth-root .or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-4);font-size:12px}.auth-root .or:after,.auth-root .or:before{content:"";flex:1;height:1px;background:var(--line)}.auth-root .field{margin-bottom:14px}.auth-root .field>label{display:block;font-size:13px;font-weight:550;color:var(--ink-2);margin-bottom:7px}.auth-root .input-wrap{display:flex;align-items:center;gap:9px;height:48px;padding:0 13px;border-radius:12px;background:var(--field);border:1px solid var(--field-line);transition:border-color .15s,box-shadow .15s}.auth-root .input-wrap:focus-within{border-color:var(--indigo-500);box-shadow:0 0 0 3px color-mix(in oklch,var(--indigo-500) 22%,transparent)}.auth-root .input-wrap.err{border-color:var(--red-500);box-shadow:0 0 0 3px color-mix(in oklch,var(--red-500) 18%,transparent)}.auth-root .input-wrap .lead{color:var(--ink-4);flex:none;display:grid}.auth-root .input-wrap input{flex:1;min-width:0;width:100%;border:none;outline:none;background:none;font:inherit;font-size:14px;color:var(--ink)}.auth-root .input-wrap input::placeholder{color:var(--ink-4)}.auth-root .input-wrap.code input{text-align:center;font-family:var(--font-mono);font-size:19px;letter-spacing:.42em;padding-left:.42em}.auth-root .field .msg{font-size:11.5px;margin-top:6px;display:flex;align-items:center;gap:5px}.auth-root .field .msg.err{color:var(--red-500)}.auth-root .hint{font-size:13px;color:var(--ink-3);line-height:1.5;margin:0 0 14px}.auth-root .hint b{color:var(--ink);font-weight:600}.auth-root .btn-submit{width:100%;height:50px;border-radius:12px;border:none;background:var(--grad);color:#fff;font:inherit;font-size:15px;font-weight:650;letter-spacing:-.01em;cursor:pointer;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 22px -8px rgba(79,70,229,.6),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .16s,box-shadow .2s,opacity .16s}.auth-root .btn-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px rgba(79,70,229,.66),inset 0 1px 0 rgba(255,255,255,.26)}.auth-root .btn-submit:active{transform:translateY(0)}.auth-root .btn-submit:disabled{opacity:.6;cursor:default;transform:none}.auth-root .btn-ghost{width:100%;margin-top:10px;background:none;border:none;color:var(--ink-3);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-root .btn-ghost:hover{color:var(--ink)}.auth-root .spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-root .terms{text-align:center;font-size:11.5px;color:var(--ink-4);margin:16px 0 0;line-height:1.5}.auth-root .terms a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}.auth-root .brand-compact{display:none}@media (max-width:880px){.auth-root .auth-grid{grid-template-columns:1fr;max-width:460px;gap:22px}.auth-root .brand{display:none}.auth-root .brand-compact{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:2px}.auth-root .brand-compact .brand-logo{margin:0}.auth-root .brand-compact .brand-tag{margin:0;font-size:15px}}@media (max-width:420px){.auth-root .card{padding:22px 20px 20px}}@media (prefers-reduced-motion:reduce){.auth-root *,.auth-root :after,.auth-root :before{animation-duration:.001ms!important;transition-duration:.05ms!important}}