@font-face{font-family:Inter;src:url('/fonts/InterVariable-4.1.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f2f7ff;background:#030713}
*{box-sizing:border-box}
html{min-height:100%;background:#030713}
body{position:relative;isolation:isolate;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(ellipse 70% 80% at 50% 40%,#0c1d37 0%,#050c1b 52%,#02050e 100%)}
.ambient{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 21% 40%,#07458973,transparent 72%),radial-gradient(ellipse 62% 64% at 84% 82%,#102d8d86,transparent 74%),linear-gradient(135deg,#020713,#061426 48%,#02040d)}
.ambient::before{content:"";position:absolute;inset:-20%;opacity:.3;background:conic-gradient(from 25deg at 50% 50%,transparent,#0884d91f,transparent 28%,#35d3ff18,transparent 54%,#215ad52b,transparent 83%);filter:blur(35px);animation:galaxy-turn 160s linear infinite}
.ambient::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02061173,transparent 32%,transparent 68%,#02040e67),radial-gradient(ellipse 42% 52% at 50% 56%,transparent 42%,#02050d8f 100%)}
.ambient-glow{position:absolute;display:block;border-radius:46% 54% 62% 38%;filter:blur(clamp(42px,7cqi,110px));will-change:transform}
.glow-one{width:min(74cqi,820px);height:min(82dvh,710px);top:-13%;left:-13%;background:radial-gradient(ellipse at 57% 52%,#2be2fff0 0%,#0674dbe0 32%,#123caa68 61%,transparent 75%);transform:rotate(-26deg);animation:float-one 20s ease-in-out infinite alternate}
.glow-two{width:min(78cqi,900px);height:min(83dvh,750px);right:-15%;bottom:-31%;background:radial-gradient(ellipse at 42% 35%,#3286fff0 0%,#1844bfc9 40%,#572ee05c 63%,transparent 76%);transform:rotate(28deg);animation:float-two 24s ease-in-out infinite alternate}
.glow-three{width:min(38cqi,430px);height:min(66dvh,500px);left:31%;top:8%;background:radial-gradient(ellipse,#00c9ff5e,transparent 68%);filter:blur(90px)}
.ambient-orbit{position:absolute;display:block;border:1px solid #65dfff29;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 40px #41cfff14,inset 0 0 28px #7deaff0a;filter:blur(1.5px)}
.orbit-one{width:min(95cqi,1100px);height:min(39cqi,440px);top:11%;left:-28%}
.orbit-two{width:min(98cqi,1300px);height:min(41cqi,520px);right:-31%;bottom:-12%;border-color:#7886ff20;transform:rotate(26deg)}
.shell{position:relative;display:flex;flex-direction:column;min-height:100dvh;padding:clamp(24px,5dvh,46px) 18px}
.login-stack{width:min(100%,450px);margin:auto;display:flex;flex-direction:column;align-items:center}
.brand-wrap{position:relative;isolation:isolate;display:flex;justify-content:center;width:100%;margin-bottom:16px}
.brand-wrap::before{content:"";position:absolute;z-index:-1;top:46%;left:50%;width:min(90cqi,365px);height:158px;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#000 0%,#01030af2 37%,#020510c4 61%,#02061100 78%);filter:blur(11px)}
.brand{position:relative;z-index:1;display:block;width:min(100%,248px);height:auto;max-height:93px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #178dff38);mask-image:radial-gradient(ellipse 78% 85% at center,#000 63%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 85% at center,#000 63%,transparent 100%);transform:translateY(-6px)}
#galaxy-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.brand-art{position:relative;width:min(100%,248px);transform:translateY(-6px)}
.brand-art .brand{width:100%;max-height:none;transform:none}
.brand-x-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;mask-image:radial-gradient(ellipse 16% 44% at 30% 48%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 16% 44% at 30% 48%,#000 20%,transparent 100%);transform-origin:30% 48%;animation:brand-x-breathe 8s ease-in-out infinite}
.brand-x-orbit{position:absolute;left:18%;top:9%;width:25%;height:79%;border:1px solid #45d8ff38;border-radius:50%;transform:rotate(43deg);pointer-events:none;animation:brand-orbit-drift 16s ease-in-out infinite alternate}
.brand-x-orbit::after{content:"";position:absolute;top:12%;left:13%;width:3px;height:3px;border-radius:50%;background:#a7edff;box-shadow:0 0 8px 2px #26cfff9c}
@keyframes galaxy-turn{to{transform:rotate(360deg)}}
@keyframes brand-x-breathe{0%,100%{opacity:.2;transform:rotate(-1deg) scale(.99);filter:brightness(1)}50%{opacity:.75;transform:rotate(2deg) scale(1.025);filter:brightness(1.35)}}
@keyframes brand-orbit-drift{to{transform:rotate(57deg);opacity:.5}}
@media(max-width:480px){.brand-art{width:208px}}
@media(max-height:650px){.brand-art{width:185px}}
@media(prefers-reduced-motion:reduce){.ambient::before,.ambient-glow,.brand-x-motion,.brand-x-orbit{animation:none!important}.brand-x-motion{opacity:.25}}
.card{position:relative;isolation:isolate;width:100%;padding:clamp(27px,5cqi,40px);overflow:hidden;border:1px solid #c9e8ff3a;border-radius:26px;background:linear-gradient(143deg,#173256a1 0%,#10233a9c 28%,#091627b5 66%,#0c1530ba 100%);box-shadow:0 30px 90px #01040ccc,0 3px 42px #0c63d938,inset 0 1px 0 #ffffff42,inset 0 -1px 0 #84cfff15;backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%);container-type:inline-size}
.card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 54% at 3% 0%,#a3e9ff20,transparent 76%),radial-gradient(ellipse 65% 62% at 100% 100%,#2849ba2a,transparent 76%);border-radius:inherit}
.card::after{content:"";position:absolute;z-index:0;top:0;left:10%;right:10%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#e7f7ffac 45%,#67c7ff88 70%,transparent);filter:blur(.3px)}
.card>*{position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;color:#70d9ff;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.4;text-align:center}
.eyebrow-line{display:inline-block;width:18px;height:2px;flex:none;border-radius:10px;background:#31d4ff;box-shadow:0 0 12px #21cfff}
h1,h2{margin:15px 0 9px;color:#f7fbff;font-size:clamp(25px,8cqi,32px);font-weight:800;letter-spacing:-.045em;line-height:1.14;text-align:center;overflow-wrap:anywhere}
.muted{margin:0;color:#a9bdd6;font-size:14px;line-height:1.55;text-align:center}
.intro{max-width:340px;margin-inline:auto}
form{display:flex;flex-direction:column;gap:9px;margin-top:24px}
label{margin-top:9px;color:#d9e5f5;font-size:12px;font-weight:650;letter-spacing:.01em}
input{width:100%;min-width:0;min-height:48px;padding:12px 15px;border:1px solid #95c8e534;border-radius:13px;outline:0;background:linear-gradient(110deg,#e9f6ff0c,#7cb1f808);box-shadow:inset 0 1px 2px #0004;color:#f6fbff;font:inherit;font-size:14px;transition:border-color .16s,background .16s,box-shadow .16s}
input::placeholder{color:#91a6be8c}
input:hover{border-color:#a6d8f957}
input:focus-visible{border-color:#71d8ffb0;background:#d5f2ff10;box-shadow:0 0 0 3px #28bfff22,inset 0 1px 2px #0004}
button,.button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:12px 17px;border:1px solid transparent;border-radius:13px;background:linear-gradient(108deg,#28c9ff 0%,#188fff 49%,#3159ed 100%);box-shadow:inset 0 1px 0 #ffffff75,0 9px 25px #0877ff52,0 0 25px #14baff24;color:#fff;cursor:pointer;text-align:center;text-decoration:none;font:inherit;font-size:14px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}
button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff8a,0 12px 29px #0877ff67,0 0 32px #14baff37}
button:disabled{opacity:.65;cursor:wait;transform:none}
button:focus-visible,a:focus-visible{outline:3px solid #7fe2ff;outline-offset:3px}
.submit{position:relative;margin-top:7px}
.submit span{position:absolute;right:17px;font-size:20px;font-weight:450;line-height:1}
.password-field{position:relative}
.password-field input{padding-right:52px}
.password-toggle{position:absolute;top:50%;right:6px;width:38px;min-height:38px;padding:8px;transform:translateY(-50%);border:0;border-radius:9px;background:transparent;box-shadow:none;color:#a8c3db}
.password-toggle:hover{transform:translateY(-50%);background:#b4e7ff18;box-shadow:none;color:#fff;filter:none}
.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.error{min-height:18px;margin:0;color:#ffb8c5;font-size:12px;line-height:1.4}
.error:empty{min-height:0}
.card-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid #d6edff1b;color:#8297af;font-size:11px;text-align:center}
.secure-mark{color:#68d9ff;font-size:17px;line-height:1;text-shadow:0 0 12px #30caff99}
.privacy{display:inline-block;margin-top:17px;color:#a5b9d0;font-size:11px;text-align:center;text-decoration:none;transition:color .16s}
.privacy:hover{color:#c9eaff}
#account{margin-top:22px}
#account-name{overflow-wrap:anywhere;color:#bed3e8;text-align:center;font-size:13px}
.secondary{margin-top:11px;border-color:#a5d9fa35;background:#e4f7ff08;box-shadow:inset 0 1px 0 #ffffff12;color:#dbeaff}
.secondary:hover{background:#d1eeff12;box-shadow:inset 0 1px 0 #ffffff21}
dialog{width:min(460px,calc(100% - 28px));max-height:90svh;padding:0;overflow:hidden;border:1px solid #b2e4ff55;border-radius:24px;background:linear-gradient(145deg,#173255eb,#091728ed);box-shadow:0 30px 90px #000b,inset 0 1px #ffffff36;color:#f2f7ff;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
dialog::backdrop{background:#01040dbc;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.dialog-scroll{max-height:90svh;padding:clamp(24px,6cqi,35px);overflow-y:auto;overscroll-behavior:contain;container-type:inline-size}
dialog h2{font-size:clamp(24px,8cqi,30px)}
dialog .eyebrow{justify-content:flex-start}
dialog h2,dialog .muted{text-align:left}
dialog small{color:#9eb4cc;font-size:11px}
#current-wrap{display:flex;flex-direction:column;gap:9px}
[hidden]{display:none!important}
@supports not (backdrop-filter:blur(1px)){.card{background:#0a172beF}dialog{background:#0c1b31}}
@media(max-width:480px){.shell{padding:22px 14px}.brand-wrap{margin-bottom:13px}.brand{width:208px}.card{padding:27px 23px;border-radius:22px}.card-footer{margin-top:21px}.glow-one{width:115cqi;height:52dvh;left:-65%;top:-10%}.glow-two{width:130cqi;height:55dvh;right:-75%;bottom:-14%}}
@media(max-height:650px){.shell{padding-block:15px}.brand-wrap{margin-bottom:7px}.brand{width:185px;max-height:70px}.card{padding-block:24px}.card-footer{margin-top:18px}form{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(prefers-reduced-motion:no-preference){@keyframes float-one{to{transform:translate(9%,7%) rotate(-17deg)}}@keyframes float-two{to{transform:translate(-8%,-7%) rotate(18deg)}}}


/* Viral palette, same compact lightweight glass structure as Extra Ads. */
:root,html{background:#0c030c;color:#fff7fb}body{background:#0c030c}
.ambient.video-ambient{background:#160610;isolation:isolate}.video-ambient::before{display:block;inset:0;opacity:1;background:url('/auth/assets/login-galaxy-poster.jpg') center/cover no-repeat;filter:grayscale(1);animation:none}
.video-ambient video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:grayscale(1);transition:opacity 1.2s ease;pointer-events:none}
.video-ambient video.is-playing{opacity:1}
.video-ambient::after{background:linear-gradient(108deg,#ffc52c 10%,#ff429b 48%,#9137e0 85%);mix-blend-mode:color}
.brand-wrap::before{display:none}.animated-wordmark.approved-logo{display:block;width:min(100%,200px);height:auto;overflow:visible;filter:drop-shadow(0 0 12px #fa268f25)}
.card{background:linear-gradient(145deg,#321326e6,#190b19ed 62%,#241027f0);border-color:#ffa7d045;box-shadow:0 28px 90px #000b,0 0 55px #de167f1a,inset 0 1px #fff0f440;backdrop-filter:none;-webkit-backdrop-filter:none}
.card::before{background:radial-gradient(ellipse at 3% 0%,#ffd49a16,transparent 76%),radial-gradient(ellipse at 100% 100%,#d32dc51c,transparent 76%)}
.card::after{background:linear-gradient(90deg,transparent,#ffe0b6a0 45%,#fca2e080 70%,transparent)}
.eyebrow{color:#ffb4d4}.eyebrow-line{background:#ff65af;box-shadow:0 0 12px #ef2b96}h1,h2{color:#fff8fc}.muted{color:#c8afc4}label{color:#f2dce9}
input{border-color:#eba9d034;background:linear-gradient(110deg,#fff0f90c,#df91c008);color:#fff8fc}input::placeholder{color:#b999b28c}input:hover{border-color:#f3aed657}input:focus-visible{border-color:#ff8bc6b0;background:#ffd5ee10;box-shadow:0 0 0 3px #ef2f9b22,inset 0 1px 2px #0004}
button,.button{background:linear-gradient(108deg,#ffac32,#f1268d 52%,#b331e7);box-shadow:inset 0 1px #ffffff75,0 9px 25px #d1268452,0 0 25px #e92da224}button:hover,.button:hover{box-shadow:inset 0 1px #ffffff8a,0 12px 29px #d1268467,0 0 32px #e92da237}button:focus-visible,a:focus-visible{outline-color:#ff9dd0}
.password-toggle{background:transparent;box-shadow:none;color:#cba7c1}.password-toggle:hover{background:#f4b4d918;box-shadow:none}.secure-mark{color:#f99dcc}.card-footer,.privacy,small{color:#baa2b8}.secondary{background:transparent;border-color:#c39abb34;box-shadow:none}.secondary:hover{background:#f4b4d90a;box-shadow:none}
dialog{background:linear-gradient(145deg,#321326f5,#190b19fa);border-color:#ffabd345;backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{background:#0c030cdf;backdrop-filter:none;-webkit-backdrop-filter:none}
.background-credit{position:fixed;left:12px;bottom:5px;z-index:2;color:#ae8f9f;font-size:10px;text-decoration:none}.background-credit:hover{color:#ffdfef}
.login-interacting .brand-wrap *{animation-play-state:paused!important}
@media(min-width:900px){.video-ambient video{transform:translateX(-18%) scale(1.4)}}
@media(max-width:480px){.animated-wordmark.approved-logo{width:175px}}
@media(max-height:650px){.animated-wordmark.approved-logo{width:160px}}

.music-toggle{position:fixed;right:12px;bottom:8px;z-index:5;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;max-width:44px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#eaf0fa;cursor:pointer;transform:none}.music-toggle svg{display:block;width:20px;height:20px;margin:0}.music-toggle::before,.music-toggle::after{display:none;content:none}.music-toggle[aria-pressed="false"]{opacity:.55}.music-toggle:hover,.music-toggle:focus-visible{border:0;outline:none;background:none;box-shadow:none;transform:none;color:#ffc2e8;opacity:1}.music-toggle:disabled{cursor:default;opacity:.3}@media(max-width:600px){.music-toggle{right:6px;bottom:4px}}