@import url("./brand-tokens.css?v=cewi-20260816");

body:has(.cewistudio-login-hero) { --wi-ink:var(--brand-ink); --wi-blue:var(--brand-primary); --wi-cyan:var(--brand-accent); background:var(--brand-white); }
.cewistudio-login-brand.cewi-logo { position:relative; z-index:1; width:auto; height:auto; display:inline-flex; align-items:center; gap:14px; overflow:visible; }
.cewistudio-login-brand.cewi-web-logo { width:360px; height:150px; overflow:hidden; }
.cewistudio-login-brand.cewi-web-logo img { width:340px; height:150px; max-width:100%; display:block; object-fit:contain; object-position:left center; }
.cewistudio-login-brand .cewi-platform-name { color:var(--brand-white); font-size:17px; font-weight:800; }
body:has(.cewistudio-login-hero) .fi-simple-layout { min-height:100vh; display:grid; grid-template-columns:minmax(460px,1.05fr) minmax(480px,.95fr); background:#fff; }
body:has(.cewistudio-login-hero) .fi-simple-main-ctn { grid-column:2; min-height:100vh; padding:48px clamp(36px,7vw,105px); display:grid; place-items:center; background:linear-gradient(145deg,#fff,#fafbff); }
body:has(.cewistudio-login-hero) .fi-simple-main { width:100%; max-width:470px; padding:0; box-shadow:none; background:transparent; }
body:has(.cewistudio-login-hero) .fi-simple-main .fi-logo { color:var(--wi-ink); font-size:1.2rem; }
body:has(.cewistudio-login-hero) .fi-simple-main,
body:has(.cewistudio-login-hero) .fi-simple-header-heading,
body:has(.cewistudio-login-hero) .fi-fo-field-label,
body:has(.cewistudio-login-hero) .fi-fo-field-label-content { color:var(--brand-ink)!important; }
body:has(.cewistudio-login-hero) .fi-fo-field-label-required-mark { color:var(--brand-danger)!important; }
body:has(.cewistudio-login-hero) .fi-link { color:var(--brand-primary)!important; }
body:has(.cewistudio-login-hero) .fi-input { color:var(--brand-ink)!important; background:#fff!important; }
body:has(.cewistudio-login-hero) .fi-input-wrp { border-color:var(--brand-line)!important; background:#fff!important; }
body:has(.cewistudio-login-hero) .fi-checkbox-input { color:var(--brand-primary)!important; background:#fff!important; }
body:has(.cewistudio-login-hero) .fi-simple-main .fi-section { border:1px solid var(--brand-line); border-radius:var(--brand-radius-lg); box-shadow:var(--brand-shadow-panel); }
body:has(.cewistudio-login-hero) .fi-btn.fi-color-primary { min-height:46px; border-radius:var(--brand-radius-sm); color:#fff!important; background:var(--wi-blue)!important; box-shadow:var(--brand-shadow-primary); }
body:has(.cewistudio-login-hero) .fi-btn.fi-color-primary:hover { background:var(--brand-primary-dark); }
.cewistudio-login-hero { grid-column:1; grid-row:1; min-height:100vh; position:relative; overflow:hidden; padding:48px clamp(42px,6vw,92px); display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:radial-gradient(circle at 82% 16%,rgba(27,90,132,.14),transparent 29%),radial-gradient(circle at 10% 88%,rgba(44,62,126,.2),transparent 38%),var(--brand-night); }
.cewistudio-login-hero::after { content:""; position:absolute; width:440px; height:440px; right:-260px; bottom:-250px; border:1px solid rgba(99,191,178,.22); border-radius:50%; box-shadow:0 0 0 70px rgba(99,191,178,.035),0 0 0 140px rgba(99,191,178,.025); }
.cewistudio-login-copy { position:relative; z-index:1; max-width:600px; }
.cewistudio-login-eyebrow { margin:0 0 20px; color:var(--wi-cyan); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.cewistudio-login-copy h1 { margin:0 0 24px; font-size:clamp(38px,3.7vw,58px); line-height:1.06; letter-spacing:-.05em; }
.cewistudio-login-copy h1 em { display:block; color:var(--wi-cyan); font-style:normal; }
.cewistudio-login-copy>p:not(.cewistudio-login-eyebrow) { max-width:570px; margin:0; color:#aeb8c7; font-size:16px; line-height:1.75; }
.cewistudio-login-copy ul { margin:44px 0 0; padding:0; display:grid; gap:22px; list-style:none; }
.cewistudio-login-copy li { display:grid; grid-template-columns:34px 1fr; gap:15px; align-items:start; }
.cewistudio-login-copy li>span { padding-top:3px; color:var(--wi-cyan); font-size:10px; font-weight:800; }
.cewistudio-login-copy li strong,.cewistudio-login-copy li small { display:block; }
.cewistudio-login-copy li strong { margin-bottom:4px; font-size:14px; }
.cewistudio-login-copy li small { color:#8996a8; font-size:12px; line-height:1.5; }
.cewistudio-login-back { position:relative; z-index:1; display:inline-flex; align-items:center; gap:9px; color:#aeb8c7; font-size:12px; font-weight:650; }
.cewistudio-login-back:hover { color:#fff; }
@media (max-width:900px) { body:has(.cewistudio-login-hero) .fi-simple-layout{display:block;background:#f7f8fc} body:has(.cewistudio-login-hero) .fi-simple-main-ctn{min-height:100vh;padding:30px 20px;background:linear-gradient(145deg,#f7f8fc,#eef1fb)} .cewistudio-login-hero{display:none} }
@media (prefers-reduced-motion:reduce) { body:has(.cewistudio-login-hero) .fi-btn{transition:none} }