*{box-sizing:border-box} :root{--acid:#d1ff00}body{margin:0;background:#080808;color:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.logo{font-size:21px;font-weight:900;letter-spacing:-1px}.logo i{color:var(--acid);font-style:normal}.nav{font-size:12px;color:#aaa}.nav a{color:var(--acid);margin-left:18px}main{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 145px);padding:12px;gap:12px}.poster{background:#064bd0;position:relative;overflow:hidden;min-height:680px;display:flex;flex-direction:column;justify-content:space-between;padding:36px}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(#064bd030,#00173c66);mix-blend-mode:luminosity;opacity:.75}.poster>*{position:relative}.eyebrow{font:10px 'Roboto Mono',monospace;letter-spacing:1.8px}.poster h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(85px,10vw,180px);line-height:.84;letter-spacing:-.045em;color:#ff240d;margin:70px -8px; font-weight:900}.poster-bottom{display:flex;justify-content:space-between;align-items:end;font-size:10px;line-height:1.8}.mark{font-size:64px;color:var(--acid);line-height:1}.form-side{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:radial-gradient(ellipse at 100% 100%,#d1ff0009,transparent 65%)}.form-wrap{width:100%;max-width:390px}.form-wrap>.eyebrow{color:var(--acid)}h2{font-size:48px;letter-spacing:-2px;line-height:1.05;margin:22px 0 14px}p{font-size:13px;color:#90938c;line-height:1.7;margin-bottom:30px}label{display:block;font-size:12px;margin:20px 0 9px}input:not([type=checkbox]){width:100%;padding:16px;background:#141613;border:1px solid #343730;border-radius:4px;color:#fff;font:14px Inter,Arial;outline:none}input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d1ff0015}.password{position:relative}.password input{padding-right:65px}.toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:#b6baa9;font-size:11px;cursor:pointer}.options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 26px;font-size:11px}.check{display:flex;align-items:flex-start;gap:8px;margin:0;color:#a2a79a;font-size:11px;line-height:1.6}input[type=checkbox]{accent-color:var(--acid);margin:2px 0}.submit{width:100%;padding:18px 23px;border:0;border-radius:30px;background:var(--acid);color:#080808;font-weight:700;font-size:13px;display:flex;justify-content:space-between;cursor:pointer}.submit:hover{background:#e0ff59}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.switch{text-align:center;font-size:12px;color:#90938c;margin-top:27px}.switch a{color:var(--acid)}.status{font-size:12px;color:var(--acid);line-height:1.6;margin-top:18px}.fine{border-top:1px solid #ffffff18;padding-top:22px;margin-top:32px;font:9px 'Roboto Mono',monospace;letter-spacing:1px;color:#72776a}footer{padding:20px 4%;display:flex;justify-content:space-between;font-size:9px;color:#7b8074}.recovery{color:#c7ccb9}dialog{background:#141613;color:#fff;border:1px solid #535a43;max-width:420px;padding:30px;border-radius:12px}dialog::backdrop{background:#000b}dialog button{background:var(--acid);border:0;padding:12px 24px;border-radius:22px;cursor:pointer}@media(max-width:800px){header{height:72px}.nav{font-size:10px}.nav a{margin-left:8px}main{grid-template-columns:1fr}.poster{min-height:300px;padding:25px}.poster h1{font-size:90px;margin:35px 0}.poster-bottom{font-size:8px}.mark{font-size:40px}.form-side{padding:35px 20px 45px}h2{font-size:42px}footer{gap:20px;line-height:1.7}}
/* Typographic account pages */
main{padding:0;gap:0;grid-template-columns:1fr 1fr}.poster{background:#d1ff00;color:#11150a;min-height:720px;padding:45px 7%;border-right:1px solid #ffffff18}.poster:before{display:none}.poster .eyebrow{font-size:9px;letter-spacing:1.6px}.type-art{margin:60px 0 55px}.art-index{font:10px 'Roboto Mono',monospace;letter-spacing:1.5px;color:#4e5c20}.poster h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(80px,8.8vw,152px);line-height:.91;letter-spacing:-.035em;color:#101608;margin:25px 0 35px}.art-line{display:flex;align-items:center;gap:25px}.art-line span{height:1px;background:#11150a;flex:1}.art-line b{font-size:75px;line-height:1;font-weight:400}.poster-bottom{font:9px 'Roboto Mono',monospace;letter-spacing:.5px;gap:20px}.form-side{padding:55px 10%;background:radial-gradient(ellipse at right bottom,#d1ff0009,transparent 65%)}.form-wrap{max-width:440px}h2{font-size:48px}.form-wrap>p{margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field{min-width:0;margin-bottom:20px}.field label{margin:0 0 9px}.required{color:var(--acid);margin-left:3px}.optional{font:8px 'Roboto Mono',monospace;color:#858d79;margin-left:7px;letter-spacing:1px}textarea{resize:vertical;min-height:92px;width:100%;padding:14px;background:#141613;border:1px solid #343730;border-radius:4px;color:#fff;font:13px Inter,Arial;outline:none}textarea:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d1ff0015}.form-note{font-size:10px;color:#8c947f;margin:-4px 0 22px}.signup-page .poster{position:sticky;top:0;height:calc(100svh - 88px);min-height:700px}.signup-page .form-side{padding-top:42px;padding-bottom:42px}.signup-page h2{font-size:42px}.signup-page .fine{margin-top:24px}.login-page .options{margin-top:5px}.submit{margin-top:4px}.signup-page .form-wrap>p{margin-bottom:25px}@media(min-width:1500px){.poster h1{font-size:150px}}@media(max-width:800px){main{grid-template-columns:1fr}.poster,.signup-page .poster{position:relative;height:auto;min-height:0;padding:25px 6%}.type-art{margin:26px 0}.poster h1{font-size:clamp(64px,14vw,100px);margin:15px 0 20px}.poster h1 br{display:none}.poster h1{max-width:100%;overflow-wrap:anywhere;word-spacing:5px}.art-line b{font-size:45px}.poster-bottom{font-size:8px}.form-side,.signup-page .form-side{padding:38px 6% 45px}.form-wrap{max-width:480px}h2{font-size:42px}.art-index{font-size:8px}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.poster h1{font-size:59px}.poster-bottom{font-size:7px}}
/* Stacked account layout */
main{display:flex;flex-direction:column;min-height:calc(100svh - 145px)}
.poster,.signup-page .poster{position:relative;top:auto;width:100%;height:auto;min-height:0;padding:30px 6% 26px;border-right:0;border-bottom:1px solid #11150a20}
.type-art{margin:24px 0 20px}
.poster h1{font-size:clamp(54px,8.4vw,128px);line-height:1;letter-spacing:-.035em;margin:16px 0 20px;overflow-wrap:normal}
.poster h1 br{display:none}
.art-line{gap:24px}.art-line b{font-size:48px}.art-line span{opacity:.45}
.poster-bottom{font-size:9px}
.form-side,.signup-page .form-side{width:100%;padding:52px 24px 60px;flex:1;background:radial-gradient(ellipse at 50% 100%,#d1ff0009,transparent 65%)}
.form-wrap{max-width:480px}.signup-page .form-wrap{max-width:560px}
h2,.signup-page h2{font-size:44px;margin-top:18px}h2 br{display:none}
.form-wrap>.eyebrow{font-size:9px}.form-wrap>p{margin-bottom:30px}
@media(max-width:800px){.poster,.signup-page .poster{padding:25px 6% 22px}.type-art{margin:22px 0 18px}.poster h1{font-size:clamp(43px,8.3vw,68px);margin:16px 0 20px}.poster-bottom{font-size:8px}.art-line b{font-size:36px}.form-side,.signup-page .form-side{padding:36px 6% 45px}h2,.signup-page h2{font-size:36px}}
@media(max-width:420px){.poster h1{font-size:9vw}.poster-bottom{font-size:7px}.form-grid{grid-template-columns:1fr}}

.art-index{display:none!important}

.application-notice{padding:16px 18px;border-left:2px solid var(--acid);background:#d1ff0008;color:#c0c7b5;font-size:13px;line-height:1.9;margin:0 0 28px}

.fine.registration-notice{font:12px/1.8 Inter,Arial,sans-serif;letter-spacing:0;color:#909787;text-transform:none}

.in-modal header{height:65px}.in-modal main{min-height:0}.in-modal footer{display:none}.in-modal .poster,.in-modal .signup-page .poster{padding:22px 6% 20px}.in-modal .type-art{margin:16px 0}.in-modal .poster h1{font-size:clamp(45px,8vw,90px);margin:12px 0 16px}.in-modal .art-line b{font-size:32px}.in-modal .form-side,.in-modal .signup-page .form-side{padding-top:32px;padding-bottom:38px}

/* Help Center visual language */
body{background:#090d07;color:#f1f4e9}header{margin:0 6%;padding:0;height:90px;border-color:#354229}.logo{font-size:24px}.nav{color:#a2ac96}.poster,.signup-page .poster,.in-modal .poster,.in-modal .signup-page .poster{background:#090d07;color:#f1f4e9;padding:44px 6% 34px;border:0}.poster .eyebrow{color:#aab49e;display:flex;align-items:center;gap:12px;letter-spacing:2px}.poster .eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--acid)}.type-art,.in-modal .type-art{margin:28px 0 0}.poster h1,.in-modal .poster h1{font-family:Inter,Arial,sans-serif;font-size:clamp(32px,4.8vw,66px);font-weight:600;line-height:1.08;letter-spacing:-2px;color:#f1f4e9;margin:0}.poster h1 br{display:block}.poster h1 em{font-style:normal;color:var(--acid)}.art-line,.poster-bottom{display:none}.form-side,.signup-page .form-side,.in-modal .form-side,.in-modal .signup-page .form-side{background:#090d07;padding:0 6% 40px;justify-content:flex-start}.form-wrap,.signup-page .form-wrap{max-width:none;width:100%;border-top:1px solid #354229;padding-top:28px}.form-wrap>.eyebrow,.form-wrap>h2,.form-wrap>p{display:none}form,.switch,.fine{max-width:640px;margin-left:auto;margin-right:auto}input:not([type=checkbox]),textarea{background:#111a0c;border-color:#354829;color:#f1f4e9;border-radius:4px}input::placeholder,textarea::placeholder{color:#76836a}.field label{color:#dce3d2}.submit{border-radius:4px;padding:16px 22px}.fine{border-color:#354229;color:#a0ad91}.switch{margin-top:24px}.fine.registration-notice{color:#a0ad91}.in-modal header{height:72px}.in-modal .nav{font-size:11px}footer{border-top:1px solid #354229;margin:0 6%;padding-left:0;padding-right:0}@media(max-width:600px){.poster,.signup-page .poster,.in-modal .poster,.in-modal .signup-page .poster{padding-top:30px;padding-bottom:28px}.poster h1,.in-modal .poster h1{font-size:clamp(27px,6.3vw,38px);letter-spacing:-1px}.poster .eyebrow{font-size:8px;letter-spacing:1px}.logo{font-size:19px}.nav{font-size:9px}.form-wrap{padding-top:24px}.form-grid{grid-template-columns:1fr}}
/* Refined registration field hints */
.signup-page input::placeholder,.signup-page textarea::placeholder{font-size:12px;font-weight:400;letter-spacing:.1px;color:#7e8974;opacity:1}
.signup-page input:not([type=checkbox]),.signup-page textarea{font-size:13px;font-weight:400}
/* Quiet star field behind account content */
.account-stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#090d07}
.account-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#e5f5ce;opacity:.15;box-shadow:0 0 5px #d1ff0030;animation:account-twinkle var(--duration) ease-in-out var(--delay) infinite alternate}
@keyframes account-twinkle{0%,20%{opacity:.08;transform:scale(.7)}80%,100%{opacity:var(--brightness);transform:scale(1.15)}}
body>header,body>main,body>footer{position:relative;z-index:1}body>main{background:transparent}.poster,.signup-page .poster,.in-modal .poster,.in-modal .signup-page .poster{background:transparent}.form-side,.signup-page .form-side,.in-modal .form-side,.in-modal .signup-page .form-side{background:transparent}
@media(prefers-reduced-motion:reduce){.account-star{animation:none;opacity:.2}}
/* Brighter stars and occasional meteor trails */
.account-star{box-shadow:0 0 7px #d9ff9270}
@keyframes account-twinkle{0%,20%{opacity:.17;transform:scale(.8)}80%,100%{opacity:calc(var(--brightness) + .23);transform:scale(1.3)}}
.account-meteor{position:absolute;left:var(--left);top:var(--top);width:150px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#d9f5af80,#f5ffe6);transform:rotate(32deg);transform-origin:right center;animation:account-meteor-flight 17s linear var(--meteor-delay) infinite;filter:drop-shadow(0 0 3px #d1ff0060)}
.account-meteor:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;background:#f5ffe6;border-radius:50%;box-shadow:0 0 7px #e3ffad}
@keyframes account-meteor-flight{0%,2%{opacity:0;transform:translate(-100px,-62px) rotate(32deg)}3%{opacity:.85}9%{opacity:0;transform:translate(430px,270px) rotate(32deg)}100%{opacity:0;transform:translate(430px,270px) rotate(32deg)}}
@media(prefers-reduced-motion:reduce){.account-meteor{display:none}.account-star{animation:none;opacity:.3}}

/* First meteor at 3 seconds, subsequent meteors every 5 seconds. */
.account-meteor{animation:account-meteor-flight 10s linear var(--meteor-delay) infinite}
@keyframes account-meteor-flight{0%{opacity:.85;transform:translate(-100px,-62px) rotate(32deg)}9%{opacity:0;transform:translate(430px,270px) rotate(32deg)}100%{opacity:0;transform:translate(430px,270px) rotate(32deg)}}
@media(prefers-reduced-motion:reduce){.account-meteor{display:none}}

/* English field validation + polished status */
.field{position:relative}
.field.has-error input:not([type=checkbox]),
.field.has-error textarea{
  border-color:#e8a090;
  box-shadow:0 0 0 3px #e8a09018;
  background:#1a120f;
}
.field-error{
  margin:8px 0 0;
  padding:0;
  color:#f0b4a6;
  font:11px/1.45 Inter,Arial,sans-serif;
  letter-spacing:.1px;
  display:flex;
  align-items:flex-start;
  gap:7px;
}
.field-error:before{
  content:'';
  width:5px;height:5px;border-radius:50%;
  background:#e8a090;
  margin-top:5px;
  flex:none;
  box-shadow:0 0 0 3px #e8a09022;
}
.status{
  margin-top:18px;
  padding:0;
  min-height:0;
  border:0;
  background:transparent;
  color:#c7d3b4;
  font:12px/1.55 Inter,Arial,sans-serif;
}
.status:not([hidden]):not(:empty){
  padding:12px 14px;
  border:1px solid #455533;
  border-radius:4px;
  background:#12180f;
}
.status.is-error:not([hidden]):not(:empty){
  color:#f3c2b6;
  border-color:#6a4036;
  background:#1a110f;
}
.status.is-success:not([hidden]):not(:empty){
  color:#d7ef9a;
  border-color:#5a7340;
  background:#141b10;
}
.field.has-error label{color:#f0c2b6}
html.in-modal .poster:before{content:none;background:none!important;display:none!important}

/* Thin dark scrollbar for account pages / modal iframe */
html{scrollbar-width:thin;scrollbar-color:#5a7340 #12180f}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px;height:6px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#12180f}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#5a7340;border-radius:999px;border:1px solid #12180f}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#7a9a4f}
html.in-modal,html.in-modal body{scrollbar-color:#6d8a48 #0c1209}
html.in-modal::-webkit-scrollbar-track,html.in-modal body::-webkit-scrollbar-track{background:#0c1209}
html.in-modal::-webkit-scrollbar-thumb,html.in-modal body::-webkit-scrollbar-thumb{background:#6d8a48;border-color:#0c1209}
html.in-modal::-webkit-scrollbar-thumb:hover,html.in-modal body::-webkit-scrollbar-thumb:hover{background:#8fb35a}
