:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#05070a;--surface:#0f1319c7;--surface-border:#ffffff1a;--text:#f5f7f8;--muted:#99a3ad;--accent:#5be0b3;--accent-strong:#1fb889}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 20% 10%, #28806821, transparent 32rem), radial-gradient(circle at 90% 90%, #3f5a9224, transparent 34rem), var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:32px 18px;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(90px);opacity:.2;pointer-events:none;border-radius:50%;width:28rem;height:28rem;animation:12s ease-in-out infinite alternate drift;position:absolute}.ambient-one{background:#24d3a0;top:-12rem;left:-8rem}.ambient-two{background:#466fe8;animation-delay:-5s;bottom:-14rem;right:-12rem}.auth-card,.account-card{border:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;width:min(100%,500px);padding:clamp(28px,7vw,48px);position:relative;box-shadow:0 28px 90px #0000006b}.brand-mark{width:48px;height:48px;color:var(--accent);background:linear-gradient(145deg,#5be0b33d,#5be0b30a);border:1px solid #5be0b373;border-radius:15px;place-items:center;margin-bottom:26px;font-size:20px;font-weight:750;display:grid;box-shadow:inset 0 1px #ffffff26,0 12px 30px #1fb8891f}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 10px;font-size:12px;font-weight:750}h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,7vw,48px);line-height:1.04}.lede{color:var(--muted);margin:18px 0 30px;line-height:1.65}.auth-form{gap:18px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form label span{color:#c7cdd2;font-size:13px;font-weight:650}.auth-form input{width:100%;color:var(--text);background:#ffffff0b;border:1px solid #ffffff1f;border-radius:13px;outline:none;padding:14px 15px;transition:border-color .16s,box-shadow .16s,background .16s}.auth-form input:focus{background:#fff1;border-color:#5be0b3a6;box-shadow:0 0 0 4px #5be0b317}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;min-height:48px;padding:0 18px;font-weight:720;transition:transform .16s,opacity .16s,border-color .16s}.primary-button{background:linear-gradient(135deg, var(--accent), #85ebc8);color:#052018;border:0;box-shadow:0 14px 35px #1fb88933}.secondary-button{color:#d8dde1;background:#ffffff09;border:1px solid #ffffff21}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.58}.form-error{color:#ff8e91;margin:0;font-size:14px}.security-note,.scope-list{color:#78838c;font-size:12px;line-height:1.6}.security-note{margin:22px 0 0}.scope-list{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;padding:13px 14px}.consent-actions{gap:10px;margin-top:24px;display:grid}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.service-grid a{color:var(--text);background:#ffffff08;border:1px solid #ffffff17;border-radius:16px;gap:5px;padding:18px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.service-grid a:hover{background:#5be0b30f;border-color:#5be0b359;transform:translateY(-2px)}.service-grid span{font-weight:720}.service-grid small{color:var(--muted)}.account-card>.secondary-button{width:100%}@keyframes drift{to{transform:translate(3rem,2rem)scale(1.08)}}@media (max-width:560px){.auth-card,.account-card{border-radius:22px}.service-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}