:root{color-scheme:light;--blue:#065cff;--ink:#10213e;--muted:#62728b;--line:#dce5f2}*{box-sizing:border-box}body{margin:0;background:#f3f7fd;color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #21bbda;outline-offset:3px}.auth-shell{display:grid;grid-template-columns:minmax(360px,1fr) minmax(450px,1fr);min-height:100dvh;max-width:1700px;margin:auto}.story{background:radial-gradient(ellipse at 40% 58%,#0a4384 0,transparent 53%),linear-gradient(155deg,#092b5c,#06152f);padding:42px 54px;color:#fff;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:900;letter-spacing:-1.5px;font-style:italic;color:inherit;min-height:44px;width:max-content}.brand em{color:#21c6ff;font-style:inherit}.brand-coin{font-size:22px;font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fff7ae,#ffca34 50%,#f49b0b);border:2px solid #ffe68a;box-shadow:2px 3px 0 #8d5a09;color:#8b5007}.story-main{margin:auto 0;padding:50px 0 24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8fbce7}.story h1{font-size:clamp(44px,4.4vw,66px);line-height:1.08;letter-spacing:-2.8px;margin:20px 0}.story h1 span{color:#51dff0}.story-main>p{max-width:325px;color:#afc7e2;line-height:1.8;font-size:15px}.coin-scene{height:290px;position:relative;display:grid;place-items:center;margin-top:15px;isolation:isolate}.orbit{position:absolute;width:285px;height:245px;border:1px solid #3ac8ef30;border-radius:50%;box-shadow:0 0 0 35px #30a6c208,0 0 0 65px #30a6c205}.hero-coin{width:202px;height:202px;border-radius:50%;padding:10px;background:repeating-conic-gradient(#e8ac21 0deg 3deg,#9c5a0b 3deg 6deg);box-shadow:7px 10px 0 #9b5806,12px 17px 0 #5f3000,18px 30px 30px #0006,0 0 80px #eaa71a22;transform:perspective(600px) rotateX(14deg) rotateY(-17deg) rotate(-9deg)}.hero-coin i{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;border:5px solid #ffe78b;background:linear-gradient(135deg,#fff7a1,#ffcc37 30%,#e89d10 55%,#ffe25c);box-shadow:inset 0 0 0 3px #cb8e15,inset 0 0 0 11px #ffc534,inset 0 0 0 13px #e2a517;font:bold italic 116px/1 Arial;color:#ffce38;text-shadow:-2px -2px #fff4ad,3px 4px #af6b08}.little-coin{position:absolute;right:13%;bottom:16px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#a7690a;background:linear-gradient(125deg,#fff49d,#ffbf15);border:4px solid #ffe789;font-size:30px;font-weight:900;transform:rotate(20deg);box-shadow:3px 4px #99600a}.sparkle{position:absolute;top:30px;left:18%;font-size:32px;color:#51ecff;text-shadow:0 0 20px #0fcfff}.features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.features span{padding:7px 10px;background:#ffffff0a;border:1px solid #ffffff15;border-radius:9px;font-size:11px;color:#c6dbf1}.story-foot{font-size:11px;color:#799cbe;margin:20px 0 0}.form-side{display:flex;flex-direction:column;align-items:center;padding:42px 50px 26px;background:radial-gradient(circle at 95% 2%,#e0edff,transparent 32%),#f8fbff}.form-content{width:100%;max-width:420px;margin:auto 0;padding:22px 0}.stage-badge{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.1px;font-weight:800;color:#4e709b;margin-bottom:24px}.stage-badge>span{width:6px;height:6px;background:#0b6cff;border-radius:50%}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#e9f0fa;border:1px solid #e3eaf4;border-radius:13px;gap:4px;margin-bottom:27px}.auth-tabs a{padding:10px;text-align:center;font-weight:700;font-size:12px;color:#62728b;min-height:42px;border-radius:10px}.auth-tabs a[aria-current]{background:#fff;color:var(--blue);box-shadow:0 2px 6px #1f42630d}.form-content h2{font-size:31px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 9px}.subtitle{color:var(--muted);font-size:13px;margin:0 0 25px;line-height:1.7}.account-form{display:grid;gap:17px}.field{display:grid;gap:6px}label{font-size:12px;font-weight:700}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:12px 14px;font-size:14px;box-shadow:0 2px 3px #1d3c5d02}input::placeholder{color:#8b9bb1}small{font-size:10px;line-height:1.6;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:67px}.password-wrap button{position:absolute;right:4px;top:3px;bottom:3px;background:none;border:0;padding:0 12px;color:var(--blue);font-size:11px;font-weight:700;min-width:52px}.captcha-card{padding:14px;border:1px solid #dce7f5;border-radius:13px;background:#eff5fd;display:grid;gap:9px}.captcha-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.captcha-heading span{font-size:9px;color:var(--muted)}.captcha-image-row{display:flex;gap:8px;align-items:center}.captcha-image-row img{max-width:calc(100% - 46px);height:auto;border-radius:8px;object-fit:contain;background:#eaf2ff}.captcha-image-row button{height:44px;width:40px;flex-shrink:0;border:1px solid #cfddf1;background:white;color:var(--blue);font-size:25px;border-radius:10px}.captcha-card input{letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:16px}.captcha-card input::placeholder{text-transform:none;font-size:12px;letter-spacing:0;font-weight:400}.primary{width:100%;min-height:49px;padding:13px 18px;background:var(--blue);color:#fff;border:0;border-radius:12px;font-weight:750;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #065cff20}.primary span{font-size:20px;line-height:1}.primary:hover{background:#044fdf}.forgot-link{justify-self:end;font-size:12px;font-weight:650;padding:3px 0;min-height:30px}.security-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0}.preview-note{font-size:10px;color:#72849d;padding-top:19px;border-top:1px solid #e2eaf5;margin:22px 0 0;line-height:1.7}.form-footer{display:flex;justify-content:center;gap:10px;font-size:10px;color:#8999af;margin-top:24px}.form-error{padding:12px 14px;color:#9b2934;border:1px solid #f2cbd0;background:#fff1f3;border-radius:11px;font-size:12px;margin:0 0 20px}.back-link{font-size:12px;font-weight:650;display:block;margin-bottom:24px;width:max-content;padding:7px 0}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mobile-brand{display:none}.secret-card{padding:19px;background:#eaf3ff;border:1px solid #d4e4fa;border-radius:15px;margin:24px 0 15px}.secret-card label{font-size:9px;letter-spacing:1.5px;color:#366397}.secret-card textarea{display:block;width:100%;resize:none;background:transparent;border:0;color:#0a396e;padding:15px 0;font:700 18px/1.6 ui-monospace,monospace;min-height:96px;overflow-wrap:anywhere}.secondary{background:#fff;border:1px solid #cedef3;border-radius:9px;color:var(--blue);font-size:12px;font-weight:700;min-height:44px;padding:10px 15px}.success-mark{display:grid;place-items:center;width:50px;height:50px;color:#07825d;background:#ddf7ec;border-radius:16px;font-size:26px;margin:20px 0}.helper{font-size:12px;color:var(--muted);margin:15px 0 20px}#form-status{font-size:12px;color:#087f5b;margin-top:10px}.button-link{margin-top:20px}@media(max-width:1000px){.story{padding:35px}.form-side{padding:35px}.story h1{font-size:49px}.features{gap:6px}.features span{font-size:10px}}@media(max-width:760px){.auth-shell{display:block}.story{display:none}.form-side{min-height:100dvh;padding:24px 24px 20px;align-items:stretch}.mobile-brand{display:flex;color:var(--ink);font-size:27px}.mobile-brand em{color:var(--blue)}.form-content{margin:0 auto;padding:30px 0 10px}.stage-badge{margin-bottom:20px}.form-content h2{font-size:29px}.form-footer{margin-top:auto;padding-top:25px}input{font-size:16px}.auth-tabs{margin-bottom:25px}.subtitle{margin-bottom:22px}}@media(max-width:360px){.form-side{padding:20px 17px}.form-content h2{font-size:26px}.captcha-heading span{font-size:8px}.stage-badge{font-size:8px}.form-footer{font-size:9px;gap:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
select{font:inherit;touch-action:manipulation;width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:12px 10px;font-size:13px}select:focus-visible{outline:3px solid #21bbda;outline-offset:3px}.question-card{min-width:0;margin:0;padding:16px;border:1px solid #d7e6fa;border-radius:13px;background:#edf5ff;display:grid;gap:14px}.question-card legend{padding:0 7px;color:#174d92;font-size:12px;font-weight:750}.question-card .field{min-width:0}.legacy-help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.legacy-help summary{cursor:pointer}.legacy-help p{margin:10px 0}.form-footer{flex-wrap:wrap}@media(max-width:760px){select{font-size:16px}}

.brand-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.logo-scene{height:auto;min-height:300px;max-width:370px;margin:24px auto 10px}.logo-scene img{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 24px #0003)}.form-content h2{overflow-wrap:break-word}.password-wrap input{padding-right:76px}.password-wrap button{min-width:64px}.captcha-heading{flex-wrap:wrap}.mobile-brand{align-items:center}@media(max-width:760px){.mobile-brand .brand-logo{width:64px;height:64px}.form-content{padding-top:24px}}
