.registration-main{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);min-height:820px}
.register-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111216a6,#111216f2 70%),linear-gradient(0deg,#111216,transparent 70%),url('/assets/cabal-world.png') center/cover;opacity:.8}
.registration-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:70px;padding-bottom:75px;align-items:start}
.registration-story{position:relative;min-height:650px;isolation:isolate}.registration-story h1{font:800 clamp(64px,6.2vw,88px)/1.03 var(--display);margin:26px 0 24px;letter-spacing:1px}.registration-story h1 span{color:var(--gold)}
.register-story-copy{color:#c1bbc0;font-size:16px;line-height:1.9;margin:0;position:relative;z-index:1}.register-character{position:absolute;height:730px;width:auto;max-width:none;top:155px;left:70px;z-index:-1;opacity:.65;mask-image:linear-gradient(black 55%,transparent 94%)}
.register-highlights{position:absolute;left:0;right:0;bottom:0;display:flex;gap:27px;padding-top:24px;border-top:1px solid #e8b77833;font-size:13px;color:#a9a3a4}.register-highlights strong{display:block;font:600 26px var(--display);letter-spacing:1px;color:var(--gold);margin-bottom:5px}
.registration-panel{position:relative;border:1px solid #e8b77838;border-top:2px solid #d0a265;background:linear-gradient(135deg,#212126f5,#17191cf7);padding:35px 37px;box-shadow:0 20px 80px #0004}.panel-topline{display:flex;justify-content:space-between;gap:16px}.panel-topline .eyebrow{font-size:12px;letter-spacing:2px;margin:0}.panel-step{font:500 12px var(--display);letter-spacing:1px;color:#7f786e;white-space:nowrap}.registration-panel h2{font-size:32px;font-weight:600;margin:20px 0 8px}.panel-intro{font-size:15px;color:#aaa6af;line-height:1.9;margin:0 0 29px}
.form-field{margin-bottom:20px}.form-field label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;margin-bottom:9px}.form-field label span{font:500 12px var(--display);letter-spacing:1px;color:#858089}.form-field input{font:400 16px var(--body);width:100%;border:1px solid #ffffff20;border-radius:0;background:#101216a8;color:#f4f2ee;padding:13px 15px;min-height:51px;outline-offset:2px}.form-field input:focus{border-color:var(--gold);outline:1px solid #e8b77880}.form-field input[aria-invalid=true]{border-color:#dd8c83}.form-field input::placeholder{color:#6e6b76;font-size:14px}.field-hint{font-size:12px;color:#959099;margin:7px 0 0}.field-error{font-size:14px;color:#e5a097;line-height:1.6;margin:6px 0 0}.field-error:empty{display:none}.password-input{position:relative}.password-input input{padding-right:74px}.password-toggle{position:absolute;right:10px;top:8px;bottom:8px;min-width:46px;background:none;color:#b7a68b;font-size:13px;padding:0 5px}.password-toggle:hover{color:var(--gold)}.register-submit{width:100%;margin-top:5px}.register-submit:disabled{opacity:.65;cursor:wait;transform:none}.registration-note{font-size:12px;color:#827d88;text-align:center;margin:14px 0 0}.registration-status{padding:13px 15px;margin:0 0 18px;border:1px solid #e5a09750;background:#bb524510;color:#ecc0b8;font-size:14px;line-height:1.8}.registration-status[hidden],.registration-success[hidden],#register-form[hidden]{display:none}.registration-success{text-align:center;padding:25px 0}.success-mark{display:inline-flex;justify-content:center;align-items:center;width:65px;height:65px;border:1px solid #e8b77866;background:#e8b77812;color:var(--gold);font-size:34px}.registration-success h3{font-size:25px;margin:24px 0 13px}.registration-success p{font-size:16px;color:#b6b0ba;line-height:1.9;margin:0 0 28px}.registration-success .button{width:100%}.success-home{display:block;font-size:14px;color:#a99c8a;margin-top:21px}.register-page .site-header nav{gap:32px}
@media(max-width:1100px){.registration-layout{gap:35px}.registration-panel{padding:30px}.register-highlights{gap:15px}.register-character{left:0}.registration-story h1{font-size:74px}}
@media(max-width:760px){.register-page .site-header nav{display:flex;position:static;background:none;gap:22px;padding:0;border:0;align-items:center}.register-page .site-header nav a{font-size:13px;padding:0}.register-page .site-header nav small{display:none}.register-page .site-header nav a.active:after{bottom:-15px}.register-page .site-header nav a[href='/#downloads']{display:none}.register-page .brand-emblem{display:none}.register-page .brand{gap:0}.registration-layout{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:45px}.registration-story{min-height:0}.registration-story .eyebrow{font-size:12px;letter-spacing:1.5px}.registration-story h1{font-size:58px;margin:17px 0}.register-story-copy{font-size:14px}.register-character{height:520px;left:auto;right:-150px;top:-60px;opacity:.24}.register-highlights{position:relative;margin-top:28px;padding-top:18px;gap:24px;font-size:12px}.register-highlights strong{font-size:23px}.registration-panel{padding:27px 23px}.registration-panel h2{font-size:28px}.panel-intro{font-size:14px}.panel-step{display:none}.form-field label{font-size:15px}.registration-main{min-height:0}}
@media(prefers-reduced-motion:reduce){.register-submit{transition:none}}