:root { --register-navy:#071f3b; --register-blue:#2468c9; --register-orange:#e96a22; --register-line:#dfe6ed; --register-muted:#697482; }
body.new-register-page { min-height:100vh; color:#1d2630; background:#f2f5f8; }
.register-topbar { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(7,31,59,.09); background:rgba(255,255,255,.92); backdrop-filter:blur(18px); }
.register-topbar-inner { width:min(1240px,calc(100% - 40px)); min-height:72px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.register-brand img { width:auto; height:50px; }
.register-topbar-actions { display:flex; align-items:center; gap:10px; }
.register-login-link { min-height:38px; padding:9px 16px; border:1px solid rgba(36,104,201,.28); border-radius:999px; color:var(--register-blue); background:#f4f8ff; font-size:13px; font-weight:750; }
.register-language select { min-width:68px; height:38px; padding:0 28px 0 12px; border:1px solid var(--register-line); border-radius:999px; color:var(--register-navy); background:#fff; font-weight:750; }
.register-main { padding:46px 20px 64px; }
.register-layout { width:min(1240px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.35fr); overflow:hidden; border:1px solid rgba(7,31,59,.08); border-radius:30px; background:#fff; box-shadow:0 28px 80px rgba(7,31,59,.12); }
.register-intro { position:relative; overflow:hidden; padding:58px 46px; color:#fff; background:linear-gradient(145deg,var(--register-navy),#0f426f 72%,#176295); }
.register-intro::after { position:absolute; right:-120px; bottom:-150px; width:360px; height:360px; border:54px solid rgba(255,255,255,.06); border-radius:50%; content:""; }
.register-eyebrow,.register-card-heading>span { display:block; margin-bottom:14px; color:#f08a4c; font-size:12px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.register-intro h1 { max-width:440px; margin-bottom:18px; color:#fff; font-size:clamp(40px,5vw,68px); line-height:.98; letter-spacing:-.055em; }
.register-intro>p { max-width:460px; color:rgba(255,255,255,.73); font-size:17px; line-height:1.65; }
.register-benefits { position:relative; z-index:1; display:grid; gap:12px; margin-top:38px; }
.register-benefits span { display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:rgba(255,255,255,.07); color:#fff; font-size:14px; }
.register-benefits i { width:22px; color:#77baff; text-align:center; }
.register-card { padding:48px 52px; }
.register-card-heading h2 { margin-bottom:10px; color:var(--register-navy); font-size:clamp(30px,3.5vw,46px); letter-spacing:-.04em; }
.register-card-heading p { max-width:680px; margin-bottom:32px; color:var(--register-muted); }
.register-alert { margin-bottom:22px; padding:13px 15px; border-radius:12px; color:#a42c2c; background:#fff0f0; font-size:13px; font-weight:700; }
.register-form { display:grid; gap:26px; }
.register-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.register-form legend { width:100%; margin-bottom:13px; padding-bottom:9px; border-bottom:1px solid #edf0f3; color:var(--register-navy); font-size:13px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.register-grid { display:grid; gap:16px; }
.register-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.address-grid { grid-template-columns:.65fr 1fr 1fr; }
.address-grid .full { grid-column:1/-1; }
.register-form label { display:grid; align-content:start; gap:7px; color:#344150; font-size:13px; font-weight:750; }
.register-form input,.register-form select { width:100%; min-width:0; height:48px; padding:0 14px; border:1px solid #d9e1e9; border-radius:12px; outline:0; color:#1d2630; background:#fbfcfd; font:inherit; font-size:14px; font-weight:500; }
.register-form input:focus,.register-form select:focus { border-color:var(--register-blue); background:#fff; box-shadow:0 0 0 4px rgba(36,104,201,.1); }
.register-phone { display:grid; grid-template-columns:auto 1fr; }
.register-phone>span { display:grid; place-items:center; padding:0 13px; border:1px solid #d9e1e9; border-right:0; border-radius:12px 0 0 12px; color:#526171; background:#f0f3f6; font-size:13px; }
.register-phone input { border-radius:0 12px 12px 0; }
.register-field-error { color:#b42318; font-size:11px; font-weight:700; }
.register-primary { width:100%; min-height:52px; border:0; border-radius:999px; color:#fff; background:var(--register-blue); box-shadow:0 12px 28px rgba(36,104,201,.22); font-size:15px; font-weight:800; cursor:pointer; }
.register-primary:hover { background:#1858ae; }
.register-signin { margin:0; color:var(--register-muted); font-size:13px; text-align:center; }
.register-signin a { color:var(--register-blue); font-weight:800; }
.register-footer { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:0 0 28px; display:flex; justify-content:space-between; gap:20px; color:#7b8692; font-size:12px; }
@media(max-width:900px){.register-layout{grid-template-columns:1fr}.register-intro{padding:40px 34px}.register-intro h1{font-size:46px}.register-benefits{grid-template-columns:repeat(3,1fr)}.register-benefits span{align-items:flex-start;flex-direction:column}.register-card{padding:38px 34px}}
@media(max-width:640px){.register-topbar-inner{width:calc(100% - 24px)}.register-brand img{height:44px}.register-main{padding:18px 12px 42px}.register-layout{border-radius:22px}.register-intro{padding:32px 24px}.register-intro h1{font-size:40px}.register-intro>p{font-size:15px}.register-benefits{grid-template-columns:1fr;margin-top:24px}.register-benefits span{align-items:center;flex-direction:row}.register-card{padding:30px 20px}.register-grid.two,.address-grid{grid-template-columns:1fr}.register-footer{width:calc(100% - 28px);flex-direction:column;gap:4px;text-align:center}}