:root{--access-accent:#56dfe5;--access-violet:#ac91ff;--access-muted:#9cb1c6;--access-line:rgba(123,175,209,.18)}
.account-access-page{margin:0;background:#070c14;color:#edf5ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background-image:radial-gradient(ellipse at 10% 40%,#16334866,transparent 55%),radial-gradient(ellipse at 90% 15%,#32205844,transparent 45%)}
.access-layout{width:100%;max-width:1540px;margin:auto;padding:clamp(24px,4vw,70px);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(35px,7vw,120px);align-items:center;min-height:calc(100vh - 150px)}
.access-eyebrow{display:flex;gap:10px;align-items:center;color:var(--access-muted);font-size:11px;font-weight:700;letter-spacing:.2em}.access-pulse{width:7px;height:7px;border-radius:50%;background:#64e7c1;box-shadow:0 0 18px #64e7c1}
.access-story{position:relative}.access-story h1{font-size:clamp(30px,3.4vw,57px);line-height:1.12;letter-spacing:-.05em;margin:25px 0 20px;font-weight:780}.access-story h1 em{font-style:normal;color:var(--access-accent)}.access-story>p{color:var(--access-muted);font-size:15px;line-height:1.8;max-width:490px}.access-orbit{width:105px;height:105px;margin-top:32px;display:grid;place-items:center;position:relative}.access-orbit img{width:75px;filter:drop-shadow(0 0 20px #29beff55)}.access-orbit:before,.access-orbit:after{content:'';position:absolute;inset:0;border:1px solid #56dfe52b;border-radius:50%;transform:rotate(-25deg) scaleX(1.3)}.access-orbit:after{transform:rotate(25deg) scaleX(1.3);border-color:#ac91ff33}
.access-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:20px}.access-steps li{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:650}.access-steps i{width:38px;height:38px;display:grid;place-items:center;background:#56dfe50b;border:1px solid var(--access-line);border-radius:12px;color:var(--access-accent)}.access-steps small{display:block;color:var(--access-muted);font-size:12px;font-weight:400;margin-top:4px}
.access-card{min-width:0;border:1px solid var(--access-line);border-radius:24px;padding:clamp(24px,3vw,44px);background:linear-gradient(135deg,#142233cc,#0b1321ee);box-shadow:0 24px 90px #0004,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.access-card:before{content:'';position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#67dbfb88,transparent)}.access-tabs{display:flex;gap:6px;border-radius:12px;background:#030a1288;padding:5px;margin-bottom:30px}.access-tabs a{flex:1;text-align:center;padding:11px 5px;text-decoration:none;color:var(--access-muted);font-size:13px;border-radius:9px}.access-tabs a[aria-current]{background:#273a50;color:#f1f8ff;box-shadow:0 3px 9px #0003}.access-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--access-accent);border:1px solid #56dfe52b;background:#56dfe512;font-size:21px}.access-card h2{font-size:clamp(22px,2vw,29px);letter-spacing:-.035em;margin:20px 0 10px}.access-copy{color:var(--access-muted);font-size:13px;line-height:1.7;margin:0 0 26px}
.access-form{display:grid;gap:17px}.access-form label{display:grid;gap:8px;color:#d1deec;font-size:12px;font-weight:600}.access-form input{width:100%;box-sizing:border-box;min-height:47px;background:#080f1ce6;border:1px solid #7a9cb62e;color:#eaf5ff;border-radius:11px;padding:12px 14px;font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.access-form input:focus{outline:0;border-color:#56dfe5;box-shadow:0 0 0 3px #56dfe512}.access-form label small{font-size:11px;color:var(--access-muted);font-weight:400}.access-submit{border:1px solid #72e0e6;border-radius:11px;background:linear-gradient(105deg,#5cdee2,#77dfc3);color:#06242d;padding:14px 18px;font:inherit;font-size:13px;font-weight:780;display:flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;cursor:pointer;min-height:47px;box-sizing:border-box;transition:filter .2s,box-shadow .2s}.access-submit:hover{filter:brightness(1.08);box-shadow:0 6px 25px #56dfe522}.access-forgot,.access-back{font-size:12px;text-decoration:none;color:var(--access-accent)}.access-forgot{text-align:right}.access-back{display:inline-flex;gap:8px;align-items:center;margin-top:22px}.access-policy{font-size:11px;color:var(--access-muted);line-height:1.7;margin:0}.access-policy a{color:#bedbe5}.access-safe{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--access-line);color:#c1d0e0;font-size:11px;line-height:1.6}.access-safe>i{color:var(--access-accent);font-size:18px}.access-safe small{color:var(--access-muted)}.access-alert{padding:13px 15px;border:1px solid #df86a155;border-radius:10px;background:#d7669010;color:#ffb1cc;font-size:13px;line-height:1.6;margin:15px 0}.access-success{padding:20px;border:1px solid #66dcba33;border-radius:13px;background:#66dcba09;line-height:1.75;font-size:13px;margin-bottom:20px}.access-success>i{color:#7ce6c4;font-size:27px}.access-success h3{margin:12px 0}.access-success p{color:var(--access-muted)}.access-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body.light.account-access-page{margin:0;background:#eef5fc;color:#173048;--access-muted:#526c82;--access-line:#93afc94d}.light .access-card{background:linear-gradient(135deg,#ffffffee,#eaf2ff);box-shadow:0 24px 70px #52749c20}.light .access-tabs{background:#dce8f5}.light .access-tabs a[aria-current]{background:#fff;color:#173048}.light .access-form label,.light .access-safe{color:#173048}.light .access-form input{background:#fff;color:#173048}.light .access-policy a{color:#08757b}.light .access-alert{color:#a82c53}.light .access-story h1 em{color:#087e86}
@media(max-width:850px){.access-layout{grid-template-columns:1fr;gap:24px;padding:24px;max-width:620px;box-sizing:border-box}.access-story h1{font-size:34px}.access-orbit,.access-steps,.access-story>p{display:none}.access-story h1 br{display:none}.access-story h1{margin:15px 0 0}.access-story h1 em{display:block}.access-card{padding:24px}}@media(prefers-reduced-motion:no-preference){.access-card{animation:access-enter .4s ease-out}@keyframes access-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

.oauth-divider{display:flex;align-items:center;gap:14px;margin:25px 0 17px;color:var(--shell-muted);font-size:11px}.oauth-divider:before,.oauth-divider:after{content:'';height:1px;flex:1;background:var(--shell-line)}.oauth-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oauth-providers form{margin:0}.oauth-provider{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:47px;border:1px solid var(--shell-line);border-radius:11px;background:linear-gradient(115deg,#49d4ed0c,#a389ef0c);color:var(--shell-text);font:inherit;font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}.oauth-provider:hover{border-color:var(--shell-cyan);background:#49d4ed17}.oauth-provider:focus-visible{outline:2px solid var(--shell-cyan);outline-offset:3px}.oauth-provider i{font-size:20px}.oauth-discord i{color:#a5acff}.oauth-facebook i{color:#75b7ff}.oauth-google i{color:#7dd9c2}.oauth-contact{display:flex;gap:16px;border:1px solid #9498ed44;border-radius:14px;padding:20px;margin:20px 0;background:radial-gradient(ellipse at 100% 0%,#8d77ec26,transparent 75%),#121d3022}.oauth-contact>i{font-size:30px;color:#a5acff}.oauth-contact strong{font-size:14px}.oauth-contact p{font-size:12px;line-height:1.7;color:var(--shell-muted)}.oauth-contact a{color:var(--shell-cyan);font-size:12px;font-weight:600}.oauth-policy{display:flex;align-items:center;gap:13px;color:var(--shell-muted);font-size:12px;line-height:1.6;margin-bottom:20px}.oauth-policy i{font-size:22px;color:var(--shell-cyan)}.access-form .oauth-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.access-form .oauth-consent input{width:17px;min-height:17px;margin:3px 0 0;flex-shrink:0;accent-color:var(--shell-cyan)}.account-oauth{margin-top:20px}.account-oauth>p{color:var(--shell-muted);font-size:13px;line-height:1.7}.account-oauth .oauth-providers{grid-template-columns:repeat(4,minmax(0,1fr))}.account-oauth .oauth-divider{max-width:650px}.account-oauth .oauth-provider{padding:12px}@media(max-width:700px){.account-oauth .oauth-providers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.oauth-providers,.account-oauth .oauth-providers{grid-template-columns:1fr}}