:root{--purple: #26145c;--purple-hover: #3a2080;--purple-deep: #1b0f43;--coral: #f2675a;--coral-press: #e0533f;--coral-soft: #f9c3ce;--coral-wash: #fdeee9;--ink: #1f2937;--ink-strong: #26145c;--muted: #6b7280;--muted-soft: #9aa0ad;--rule: #e7e3f1;--rule-soft: #f1eef8;--paper: #ffffff;--paper-tint: #faf9fd;--lavender: #f1eefa;--lavender-rim: #ddd5f0;--stage-base: #140b30;--stage-1: #2c1a66;--stage-2: #1b1147;--stage-3: #0f0826;--on-dark: #f5f1fb;--on-dark-muted: #b9afd6;--on-dark-soft: #8a80a8;--hairline-dark: rgba(245, 241, 251, .16);--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--r-card: 24px;--r-field: 12px;--r-chip: 10px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(15, 8, 38, .16), 0 42px 90px -34px rgba(8, 4, 26, .72), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-btn: 0 12px 26px -12px rgba(38, 20, 92, .58);--shadow-btn-hover: 0 18px 36px -14px rgba(38, 20, 92, .68);--focus-ring: 0 0 0 4px rgba(38, 20, 92, .15);--focus-ring-dark: 0 0 0 4px rgba(245, 241, 251, .22);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}:root{--noise-dark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/></svg>")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--stage-base);font-family:var(--font-sans);color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.stage{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:56px 24px;overflow:hidden;isolation:isolate;background:var(--noise-dark),radial-gradient(125% 75% at 50% 120%,rgba(64,38,110,.55) 0%,transparent 55%),linear-gradient(162deg,#2a1860,#1a1043 48%,#0c0720);background-attachment:fixed}.stage:before,.stage:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;will-change:transform}.stage:before{width:70vw;height:70vw;max-width:880px;max-height:880px;top:-26%;left:-18%;background:radial-gradient(circle,rgba(126,96,196,.62) 0%,rgba(126,96,196,.12) 42%,transparent 66%);filter:blur(72px);animation:drift-a 34s var(--ease) infinite alternate}.stage:after{width:56vw;height:56vw;max-width:700px;max-height:700px;right:-16%;bottom:-22%;background:radial-gradient(circle,rgba(242,103,90,.42) 0%,rgba(242,103,90,.1) 44%,transparent 68%);filter:blur(78px);animation:drift-b 42s var(--ease) infinite alternate}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8%,6%,0) scale(1.16)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-7%,-8%,0) scale(1)}}.lang{position:absolute;top:26px;right:28px;display:inline-flex;align-items:center;gap:2px;padding:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2;animation:fade-in .8s var(--ease-out) .5s both}.lang button{background:none;border:none;padding:5px 11px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--on-dark-soft);border-radius:var(--r-pill);transition:color .18s var(--ease),background .18s var(--ease)}.lang button:hover:not(.active){color:var(--on-dark)}.lang button.active{color:var(--purple);background:var(--on-dark)}.card{position:relative;z-index:1;width:100%;max-width:500px;background:var(--paper);border-radius:var(--r-card);padding:46px 48px 40px;box-shadow:var(--shadow-card);animation:card-in .72s var(--ease-out) both}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}.card__head{text-align:center;margin-bottom:28px;animation:rise-in .6s var(--ease-out) .16s both}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-badge{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:radial-gradient(125% 120% at 28% 16%,#3c2784 0%,transparent 58%),linear-gradient(155deg,#2a1860,#190f40);box-shadow:0 10px 22px -10px #26145c99,inset 0 1px #ffffff1f}.brand-badge__mark{width:28px;height:28px}.wordmark__text{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink-strong)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--coral);margin-bottom:12px;font-weight:700;text-align:center;animation:rise-in .6s var(--ease-out) .2s both}.heading{font-size:clamp(26px,5vw,31px);line-height:1.08;font-weight:800;color:var(--ink-strong);letter-spacing:-.025em;text-align:center;margin-bottom:9px;animation:rise-in .6s var(--ease-out) .24s both}.heading em{font-style:normal;color:var(--coral)}.heading:not(:has(+.subheading)){margin-bottom:28px}.subheading{font-size:14.5px;color:var(--muted);text-align:center;margin-bottom:30px;line-height:1.5;animation:rise-in .6s var(--ease-out) .28s both}.subheading a,.link-accent{color:var(--ink-strong);font-weight:600;text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s var(--ease)}.subheading a:hover,.link-accent:hover{text-decoration-color:var(--ink-strong)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}form{animation:rise-in .6s var(--ease-out) .32s both}.field{margin-bottom:16px;text-align:left}.field__label{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:7px}.field__label a,.field__label button{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color .15s var(--ease)}.field__label a:hover,.field__label button:hover{color:var(--purple)}.field__input{width:100%;padding:13px 15px;background:var(--paper);border:1.5px solid var(--rule);font-family:inherit;font-size:15px;color:var(--ink);border-radius:var(--r-field);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.field__input:hover:not(:focus){border-color:var(--lavender-rim)}.field__input:focus{outline:none;border-color:var(--purple);box-shadow:var(--focus-ring)}.field__input::placeholder{color:var(--muted-soft)}.field__input--filled{border-color:var(--purple);background:var(--lavender)}.field__input[aria-invalid=true]{border-color:var(--coral);box-shadow:0 0 0 4px #f2675a24}.field__wrap{position:relative}.field__wrap .field__input{padding-right:46px}.field__reveal{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer;color:var(--muted-soft);border-radius:8px;transition:color .15s var(--ease),background .15s var(--ease)}.field__reveal:hover{color:var(--purple);background:var(--lavender)}.field__reveal svg{width:18px;height:18px}.field__hint{font-size:12px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px;line-height:1.4}.field__hint svg{width:13px;height:13px;flex-shrink:0;color:var(--muted-soft)}.field__error{font-size:12.5px;color:var(--coral-press);margin-top:8px;display:flex;align-items:center;gap:6px}.field__error svg{width:13px;height:13px;flex-shrink:0}.btn-primary{width:100%;background:var(--purple);color:#fff;border:none;padding:14px 16px;font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:.005em;cursor:pointer;border-radius:var(--r-field);box-shadow:var(--shadow-btn);transition:background .18s var(--ease),box-shadow .18s var(--ease),transform .12s var(--ease);margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-primary:hover:not(:disabled){background:var(--purple-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:progress;box-shadow:none}.btn-primary svg{width:15px;height:15px;transition:transform .2s var(--ease-out)}.btn-primary:hover:not(:disabled) svg{transform:translate(3px)}.divider-or{display:flex;align-items:center;gap:16px;margin:22px 0 18px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-soft);font-weight:600}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--rule)}.btn-secondary{width:100%;background:var(--paper);color:var(--ink-strong);border:1.5px solid var(--rule);padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--r-field);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.btn-secondary:not(:disabled):hover{border-color:var(--purple);background:var(--lavender)}.btn-secondary svg{width:16px;height:16px;color:var(--muted)}.btn-secondary:disabled{cursor:not-allowed;color:var(--muted-soft);border-color:var(--rule-soft);background:var(--paper-tint)}.btn-secondary:disabled svg{color:var(--muted-soft);opacity:.7}.badge-soon{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--purple);background:var(--lavender);border:1px solid var(--lavender-rim);border-radius:var(--r-pill);padding:2px 8px}.btn-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.page-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--on-dark-soft);animation:fade-in .8s var(--ease-out) .6s both}.page-foot a{color:var(--on-dark-muted);text-decoration:none;transition:color .15s var(--ease)}.page-foot a:hover{color:var(--on-dark)}.page-foot__sep{color:var(--hairline-dark);-webkit-user-select:none;user-select:none}.sso-card{background:var(--lavender);border:1px solid var(--lavender-rim);padding:16px;border-radius:var(--r-field);display:flex;align-items:center;gap:14px;margin-bottom:18px;text-align:left;animation:rise-in .4s var(--ease-out) both}.sso-card__icon{width:44px;height:44px;background:linear-gradient(150deg,var(--coral),var(--coral-press));border-radius:var(--r-chip);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:21px;font-weight:800;letter-spacing:-.02em;box-shadow:0 6px 16px -6px #f2675a99}.sso-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--purple);margin-bottom:3px;font-weight:700}.sso-card__name{font-size:15px;font-weight:600;color:var(--ink-strong)}.sso-card__name span{color:var(--muted);font-weight:500;margin-left:6px}.sso-alt{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-chip);font-size:13px;line-height:1.45;margin-bottom:18px;text-align:left;animation:rise-in .3s var(--ease-out) both}.alert svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.alert--error{background:var(--coral-wash);border:1px solid #f6c9c0;color:#8c2f22}.alert--success{background:var(--lavender);border:1px solid var(--lavender-rim);color:var(--purple)}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:60vh;padding:80px 24px;text-align:center;position:relative;z-index:1}.status__title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--on-dark)}.status__sub{font-size:13px;color:var(--on-dark-muted);max-width:360px;line-height:1.5}.spinner{width:38px;height:38px;border:2px solid rgba(245,241,251,.18);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code-input{letter-spacing:.5em;font-family:var(--font-mono);font-size:19px;text-align:center;padding-left:.5em}@media(max-width:540px){.stage{padding:0;justify-content:flex-start;gap:0}.lang{top:16px;right:16px;background:var(--lavender);border-color:var(--rule);backdrop-filter:none;-webkit-backdrop-filter:none}.lang button{color:var(--muted)}.lang button.active{color:#fff;background:var(--purple)}.card{max-width:none;min-height:100vh;border-radius:0;box-shadow:none;padding:96px 26px 40px;display:flex;flex-direction:column;justify-content:center}.page-foot{position:fixed;bottom:18px;left:0;right:0;justify-content:center;color:var(--muted-soft)}.page-foot a{color:var(--muted)}.page-foot__sep{color:var(--rule)}}