@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:#fbf9f6;background:#0d0c09}
*{box-sizing:border-box}
html{min-height:100%;background:#0d0c09}
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%,#37280c 0%,#13110d 52%,#090807 100%)}
.ambient{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 21% 40%,#895c0773,transparent 72%),radial-gradient(ellipse 62% 64% at 84% 82%,#8d611086,transparent 74%),linear-gradient(135deg,#0c0b09,#1a1712 48%,#090806)}
.ambient::before{content:"";position:absolute;inset:-10%;opacity:.44;background:repeating-radial-gradient(ellipse 36% 56% at 15% 36%,transparent 0 38px,#ffc3531a 40px 42px,transparent 44px 66px);transform:rotate(-16deg);filter:blur(7px)}
.ambient::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0a0873,transparent 32%,transparent 68%,#09080767),radial-gradient(ellipse 42% 52% at 50% 56%,transparent 42%,#0908068f 100%)}
.ambient-glow{position:absolute;display:block;border-radius:46% 54% 62% 38%;filter:blur(clamp(42px,7vw,110px));will-change:transform}
.glow-one{width:min(74vw,820px);height:min(82dvh,710px);top:-13%;left:-13%;background:radial-gradient(ellipse at 57% 52%,#ffb52bf0 0%,#db9006e0 32%,#aa751268 61%,transparent 75%);transform:rotate(-26deg);animation:float-one 20s ease-in-out infinite alternate}
.glow-two{width:min(78vw,900px);height:min(83dvh,750px);right:-15%;bottom:-31%;background:radial-gradient(ellipse at 42% 35%,#ffb732f0 0%,#bf8518c9 40%,#e0a22e5c 63%,transparent 76%);transform:rotate(28deg);animation:float-two 24s ease-in-out infinite alternate}
.glow-three{width:min(38vw,430px);height:min(66dvh,500px);left:31%;top:8%;background:radial-gradient(ellipse,#ffa6005e,transparent 68%);filter:blur(90px)}
.ambient-orbit{position:absolute;display:block;border:1px solid #ffc96529;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 40px #ffbc4114,inset 0 0 28px #ffd27d0a;filter:blur(1.5px)}
.orbit-one{width:min(95vw,1100px);height:min(39vw,440px);top:11%;left:-28%}
.orbit-two{width:min(98vw,1300px);height:min(41vw,520px);right:-31%;bottom:-12%;border-color:#ffd07820;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(90vw,365px);height:158px;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#000 0%,#060605f2 37%,#0b0907c4 61%,#0b0a0800 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 #ffae1738);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)}
.card{position:relative;isolation:isolate;width:100%;padding:clamp(27px,5vw,40px);overflow:hidden;border:1px solid #ede7db3a;border-radius:26px;background:linear-gradient(143deg,#564017a1 0%,#3a2b109c 28%,#1c1914b5 66%,#232019ba 100%);box-shadow:0 30px 90px #080705cc,0 3px 42px #d9910c38,inset 0 1px 0 #ffffff42,inset 0 -1px 0 #ffd48415;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%,#ffdfa320,transparent 76%),radial-gradient(ellipse 65% 62% at 100% 100%,#ba87282a,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,#f7f4efac 45%,#ffca6788 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:#ffcd70;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:#ffb731;box-shadow:0 0 12px #ffb121}
h1,h2{margin:15px 0 9px;color:#fcfbfa;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:#d6c6a9;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:#efeadf;font-size:12px;font-weight:650;letter-spacing:.01em}
input{width:100%;min-width:0;min-height:48px;padding:12px 15px;border:1px solid #e5c99534;border-radius:13px;outline:0;background:linear-gradient(110deg,#f8f5f00c,#f8cd7c08);box-shadow:inset 0 1px 2px #0004;color:#fcfbf9;font:inherit;font-size:14px;transition:border-color .16s,background .16s,box-shadow .16s}
input::placeholder{color:#beae918c}
input:hover{border-color:#f9dca657}
input:focus-visible{border-color:#ffcd71b0;background:#f1ece310;box-shadow:0 0 0 3px #ffb42822,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,#ffb428 0%,#ffae18 49%,#edab31 100%);box-shadow:inset 0 1px 0 #ffffff75,0 9px 25px #ffa90852,0 0 25px #ffad1424;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 #ffa90867,0 0 32px #ffad1437}
button:disabled{opacity:.65;cursor:wait;transform:none}
button:focus-visible,a:focus-visible{outline:3px solid #ffd27f;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:#dbc9a8}
.password-toggle:hover{transform:translateY(-50%);background:#e7ddcc18;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:#e8dfcf;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 #f2ede31b;color:#af9f82;font-size:11px;text-align:center}
.secure-mark{color:#ffca68;font-size:17px;line-height:1;text-shadow:0 0 12px #ffb73099}
.privacy{display:inline-block;margin-top:17px;color:#d0c1a5;font-size:11px;text-align:center;text-decoration:none;transition:color .16s}
.privacy:hover{color:#ede7db}
#account{margin-top:22px}
#account-name{overflow-wrap:anywhere;color:#e8d9be;text-align:center;font-size:13px}
.secondary{margin-top:11px;border-color:#fadca535;background:#f6f3ed08;box-shadow:inset 0 1px 0 #ffffff12;color:#f3efe7}
.secondary:hover{background:#f0eae012;box-shadow:inset 0 1px 0 #ffffff21}
dialog{width:min(460px,calc(100% - 28px));max-height:90svh;padding:0;overflow:hidden;border:1px solid #ffe4b255;border-radius:24px;background:linear-gradient(145deg,#553f17eb,#1d1a14ed);box-shadow:0 30px 90px #000b,inset 0 1px #ffffff36;color:#fbf9f6;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
dialog::backdrop{background:#080706bc;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.dialog-scroll{max-height:90svh;padding:clamp(24px,6vw,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:#ccbc9e;font-size:11px}
#current-wrap{display:flex;flex-direction:column;gap:9px}
[hidden]{display:none!important}
@supports not (backdrop-filter:blur(1px)){.card{background:#1f1c16eF}dialog{background:#242019}}
@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:115vw;height:52dvh;left:-65%;top:-10%}.glow-two{width:130vw;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)}}}

.brand{width:260px;max-height:100px;mix-blend-mode:normal;object-fit:contain}.submit,.button{background:linear-gradient(105deg,#e9ad47,#ffd180);color:#21170a;border-color:#f5c66c}.submit:hover,.button:hover{background:linear-gradient(105deg,#f4bd5a,#ffe0a2)}