* { box-sizing:border-box; }
body { margin:0; background:#eff1f6; color:#252b3d; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; }
a { color:inherit; text-decoration:none; }
.registration-shell { display:grid; grid-template-columns:42% 58%; min-height:100vh; }
.registration-story { background:linear-gradient(145deg,#0b1430,#172842); color:white; padding:44px 12%; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.registration-story::after { content:''; position:absolute; width:480px; height:480px; border:1px solid #ffffff0d; border-radius:50%; right:-280px; bottom:-170px; box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02; pointer-events:none; }
.registration-brand { align-self:flex-start; }.registration-brand img { display:block; width:175px; height:auto; max-height:100px; object-fit:contain; }
.registration-story-copy { margin:auto 0; padding:64px 0; position:relative; z-index:1; }
.registration-eyebrow { font-size:10px; font-weight:700; letter-spacing:2.5px; color:#99bbcb; }
.registration-story h1 { font-size:clamp(30px,3.2vw,46px); font-weight:600; line-height:1.2; letter-spacing:-1.4px; margin:22px 0; }
.registration-story-copy > p { color:#a5b2c8; font-size:15px; line-height:1.8; max-width:340px; margin-bottom:40px; }
.registration-benefit { display:flex; align-items:flex-start; gap:16px; margin-top:25px; }.registration-benefit > i { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border:1px solid #ffffff15; border-radius:11px; color:#a4c6d4; background:#ffffff06; font-size:21px; }
.registration-benefit h2 { margin:1px 0 6px; font-size:14px; font-weight:600; }.registration-benefit p { margin:0; color:#93a2ba; font-size:12px; line-height:1.7; }
.registration-story-footer { display:flex; gap:10px; align-items:center; color:#8497b3; font-size:12px; }.registration-story-footer i { font-size:20px; }
.registration-form-panel { background:#edf2f8; padding:35px 7%; }
.registration-topline { display:flex; justify-content:space-between; gap:18px; color:#9297a4; font-size:12px; }.registration-topline > a { display:flex; align-items:center; gap:7px; }.registration-topline span a { margin-left:5px; font-weight:600; color:#314d6e; }
.registration-form-content { max-width:440px; margin:44px auto 20px; }.registration-form-icon { display:grid; place-items:center; width:45px; height:45px; background:#eef3f7; color:#425e7d; border-radius:12px; font-size:23px; margin-bottom:20px; }
.registration-form-content > h2 { font-size:28px; letter-spacing:-.7px; margin:0 0 10px; font-weight:650; }.registration-subtitle { color:#9196a3; font-size:13px; margin:0 0 28px; line-height:1.6; }
.registration-field { margin-bottom:21px; }.registration-field > label,.registration-referral > label { display:block; font-size:12px; font-weight:600; margin-bottom:9px; color:#444d60; }
.registration-form-content input:not([type=checkbox]) { width:100%; min-width:0; height:48px; padding:12px 14px; border:1px solid #dfe3eb; border-radius:8px; color:#343e52; background:#f7f9fc; font:inherit; font-size:13px; }
.registration-form-content input::placeholder { color:#a0a5b0; }.registration-form-content input:focus { outline:none; border-color:#718da8; box-shadow:0 0 0 3px #718da81a; }
.registration-referral { background:#e5ecf5; border:1px solid #e7ecf2; border-radius:11px; padding:17px; margin-bottom:23px; }.registration-referral p { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:11px; color:#8590a2; margin:10px 0 0; }.registration-referral p span { color:#46657c; font-weight:600; }
.registration-phone { display:flex; gap:10px; }.registration-phone > #phoneField,.registration-phone .intl-tel-input { width:110px; flex:0 0 110px; }.registration-phone #UserPhone { flex:1; min-width:0; }.registration-phone .intl-tel-input input { padding-left:46px; padding-right:8px; }.registration-phone .selected-flag { height:46px; padding-top:16px !important; }.registration-phone .country-list { top:48px; max-width:min(330px,80vw); }.registration-phone .flag-dropdown { z-index:3; }
.registration-password { position:relative; }.registration-password input { padding-right:50px !important; }.registration-password button { position:absolute; top:4px; right:4px; width:40px; height:40px; background:transparent; border:0; border-radius:6px; color:#8893a3; cursor:pointer; font-size:19px; }.registration-password button:hover { background:#eef3f7; }.registration-hint { color:#979ca8; font-size:11px; margin:8px 0 0; }
.registration-terms { display:flex; align-items:flex-start; gap:9px; font-size:12px; line-height:1.6; color:#818a9a; margin:24px 0; }.registration-terms input { accent-color:#243e5a; margin:3px 0 0; width:15px; height:15px; flex-shrink:0; }
.registration-submit { display:flex; align-items:center; justify-content:center; gap:14px; width:100%; border:0; border-radius:8px; padding:15px 20px; background:#172b46; color:#fff; font:inherit; font-size:13px; font-weight:600; cursor:pointer; box-shadow:0 4px 10px #172b461a; }.registration-submit:hover { background:#284361; }.registration-submit:disabled { opacity:.65; cursor:wait; }
.registration-bottom { display:flex; align-items:center; justify-content:center; gap:7px; color:#a0a7b4; font-size:11px; margin:22px 0 0; }
.registration-submit-status { color:#62758c; font-size:12px; margin:8px 0 0; }.registration-submit-status:empty { display:none; }
.registration-alert { border-radius:8px; padding:14px; font-size:12px; line-height:1.7; margin-bottom:20px; }.registration-alert ul { padding-left:18px; margin:6px 0 0; }.is-error { background:#fff0f0; color:#a03c4a; }.is-success { background:#eaf6ef; color:#347a53; }
a:focus-visible,button:focus-visible { outline:3px solid #87a7c1; outline-offset:4px; }
@media(min-width:1500px) { .registration-shell { max-width:1400px; min-height:880px; margin:40px auto; border-radius:20px; overflow:hidden; box-shadow:0 12px 50px #172b4610; } }
@media(max-width:1000px) { .registration-story { padding:36px 9%; }.registration-form-panel { padding:30px 6%; }.registration-topline { flex-direction:column; gap:12px; } }
@media(max-width:767px) { .registration-shell { grid-template-columns:1fr; }.registration-story { padding:24px; }.registration-brand img { width:140px; max-height:70px; }.registration-story-copy { padding:26px 0 0; }.registration-story h1 { font-size:28px; margin:12px 0 0; }.registration-story h1 br { display:none; }.registration-story-copy > p,.registration-benefit,.registration-story-footer { display:none; }.registration-form-panel { padding:24px; }.registration-topline { flex-direction:row; flex-wrap:wrap; }.registration-form-content { margin:30px auto 12px; }.registration-form-content > h2 { font-size:25px; } }