/* V227: apply AFTER all legacy CSS. Theme set by the existing site toggle. */
html body.public-shell.v227-dark .v225-mega,
html[data-theme="dark"] body.public-shell .v225-mega{
 background:#0d1e2b!important;border-color:#263e53!important;color:#eaf3ff!important;
 box-shadow:0 32px 86px rgba(0,0,0,.40)!important;
}
html body.public-shell.v227-dark .v225-col,
html[data-theme="dark"] body.public-shell .v225-col{border-color:#294054!important}
html body.public-shell.v227-dark .v225-col h3,
html[data-theme="dark"] body.public-shell .v225-col h3{color:#92a6ba!important}
html body.public-shell.v227-dark .v225-item,
html[data-theme="dark"] body.public-shell .v225-item{color:#e4edf7!important}
html body.public-shell.v227-dark .v225-item strong,
html[data-theme="dark"] body.public-shell .v225-item strong{color:#f7fbff!important}
html body.public-shell.v227-dark .v225-item small,
html[data-theme="dark"] body.public-shell .v225-item small{color:#a2b2c5!important}
html body.public-shell.v227-dark .v225-item-icon,
html[data-theme="dark"] body.public-shell .v225-item-icon{background:#173649!important;color:#86d0e9!important}
html body.public-shell.v227-dark .v225-item:hover,
html[data-theme="dark"] body.public-shell .v225-item:hover{background:#173246!important}
html body.public-shell.v227-dark .v225-foot,
html[data-theme="dark"] body.public-shell .v225-foot{background:#0a1926!important;border-color:#274154!important}
html body.public-shell.v227-dark .v225-foot a,
html[data-theme="dark"] body.public-shell .v225-foot a{color:#b1c4d7!important}
html body.public-shell.v227-dark .v225-announcement,
html[data-theme="dark"] body.public-shell .v225-announcement{background:linear-gradient(145deg,#0c4050,#0b273b)!important;border-color:#21576a!important}
html body.public-shell.v227-light .v225-mega,
html[data-theme="light"] body.public-shell .v225-mega{background:#fff!important;color:#21334b!important;border-color:#dbe4ee!important}
html body.public-shell.v227-light .v225-item strong,
html[data-theme="light"] body.public-shell .v225-item strong{color:#1b3046!important}
html body.public-shell.v227-light .v225-item small,
html[data-theme="light"] body.public-shell .v225-item small{color:#738499!important}
html body.public-shell.v227-light .v225-item-icon,
html[data-theme="light"] body.public-shell .v225-item-icon{background:#e8f2f6!important;color:#13779b!important}
html body.public-shell.v227-light .v225-foot,
html[data-theme="light"] body.public-shell .v225-foot{background:#f2f5f9!important}
html body.public-shell.v227-light .v225-announcement,
html[data-theme="light"] body.public-shell .v225-announcement{background:linear-gradient(145deg,#0a3c4b,#0b283e)!important;color:#fff!important}
body.v227-register .auth-wrap{padding:40px 20px!important;align-items:flex-start!important;min-height:100vh!important;background:radial-gradient(circle at 85% 15%,rgba(255,145,51,.12),transparent 35%),#071321!important}
body.v227-register .auth-card{width:min(100%,760px)!important;max-width:760px!important;margin:auto!important;padding:34px!important;border:1px solid #2a4159!important;border-radius:24px!important;background:#101f30!important;color:#eff5ff!important;box-shadow:0 30px 90px rgba(0,0,0,.25)!important}
body.v227-register .v227-reg-intro{margin:22px 0 28px}
body.v227-register .v227-reg-intro h1{font-size:34px!important;color:#fff!important;margin:0 0 8px!important}
body.v227-register .v227-reg-intro p{color:#a5b8ce!important;margin:0}
body.v227-register .v227-reg-sections{display:grid;gap:22px}
body.v227-register .v227-reg-section{border:1px solid #263d54;border-radius:17px;padding:22px;background:#0d1b2b}
body.v227-register .v227-reg-section h2{display:flex;align-items:center;gap:11px;font-size:17px;color:#fff;margin:0 0 16px}
body.v227-register .v227-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#18364b;color:#ffab62;font-size:13px}
body.v227-register .v227-reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.v227-register .v227-reg-section .form-group{margin:0!important;min-width:0}
body.v227-register .v227-reg-section .form-label{display:block;color:#d7e4f1!important;margin:0 0 8px!important;font-size:13px!important}
body.v227-register .v227-reg-section .input{display:block;width:100%!important;min-height:48px!important;background:#071827!important;color:#f7fbff!important;border:1px solid #304a61!important;border-radius:12px!important;padding:0 14px!important;box-sizing:border-box}
body.v227-register .v227-reg-section .input:focus{border-color:#ff9b50!important;outline:2px solid rgba(255,143,57,.2)!important;outline-offset:0}
body.v227-register .v227-reg-section .input::placeholder{color:#6e859d}
body.v227-register .v227-reg-section p{color:#9eb2c8;font-size:13px;margin:12px 0 0}
body.v227-register .v227-check{display:flex;align-items:flex-start;gap:10px;color:#cad9e8;font-size:13px;line-height:1.6}
body.v227-register .v227-check input{accent-color:#ff8c37;min-width:16px;margin-top:4px}
body.v227-register .v227-submit{width:100%!important;min-height:52px!important;border-radius:13px!important;background:linear-gradient(120deg,#ff9a46,#f57021)!important;color:#fff!important;font-weight:800!important}
body.v227-register .v227-password{position:relative}.v227-password .input{padding-right:85px!important}
body.v227-register .v227-password button{position:absolute;right:7px;top:7px;height:34px;padding:0 12px;border:0;border-radius:9px;color:#d6e5f6;background:#173248;cursor:pointer}
body.v227-register .v227-login-link{text-align:center;margin:17px 0 0;color:#a8bbcf}
body.v227-register .v227-login-link a{color:#ffb26b}
html[data-theme="light"] body.v227-register .auth-wrap{background:#f3f6fa!important}
html[data-theme="light"] body.v227-register .auth-card{background:#fff!important;border-color:#e0e7ef!important;color:#1a2e45!important}
html[data-theme="light"] body.v227-register .v227-reg-section{background:#f7f9fc!important;border-color:#e0e7ef!important}
html[data-theme="light"] body.v227-register .v227-reg-intro h1,
html[data-theme="light"] body.v227-register .v227-reg-section h2{color:#172b41!important}
html[data-theme="light"] body.v227-register .v227-reg-section .form-label{color:#263b53!important}
html[data-theme="light"] body.v227-register .v227-reg-section .input{background:#fff!important;color:#172b41!important;border-color:#d4dfe9!important}
html[data-theme="light"] body.v227-register .v227-check{color:#334a60}
@media(max-width:620px){body.v227-register .auth-card{padding:22px!important}body.v227-register .v227-reg-grid{grid-template-columns:1fr}body.v227-register .v227-reg-section{padding:17px}}