.ceti-login-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); overflow: hidden; min-height: 610px; background: #fff; border: 1px solid var(--ceti-border); border-radius: 26px; box-shadow: var(--ceti-shadow); }
.ceti-login-panel { padding: clamp(30px, 6vw, 70px); align-self: center; }
.ceti-login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 44px; }
.ceti-login-brand > div { display: grid; }
.ceti-login-brand span { color: var(--ceti-muted); font-size: 13px; }
.ceti-login-panel h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.08; margin: 0 0 10px; }
.ceti-login-panel > p { color: var(--ceti-muted); margin-bottom: 28px; }
.ceti-login-form { display: grid; gap: 18px; }
.ceti-password-field { position: relative; }
.ceti-password-field input { padding-right: 78px; }
.ceti-toggle-password { position: absolute; right: 8px; top: 7px; border: 0; background: transparent; color: var(--ceti-green); font-size: 12px; font-weight: 800; cursor: pointer; }
.ceti-login-aside { padding: clamp(30px, 6vw, 70px); display: flex; justify-content: center; flex-direction: column; background: linear-gradient(145deg, var(--ceti-blue), #202536); color: #fff; position: relative; overflow: hidden; }
.ceti-login-aside::after { content: ""; position: absolute; width: 330px; height: 330px; border-radius: 50%; right: -120px; bottom: -100px; border: 46px solid rgba(205,127,55,.25); }
.ceti-login-aside .ceti-kicker { color: #dca463; }
.ceti-login-aside h2 { font-size: clamp(32px, 4vw, 54px); line-height: 1.05; margin: 12px 0 18px; max-width: 550px; }
.ceti-login-aside p { color: rgba(255,255,255,.72); font-size: 18px; max-width: 520px; }
@media (max-width: 860px) { .ceti-login-shell { grid-template-columns: 1fr; min-height: auto; } .ceti-login-aside { display: none; } .ceti-login-brand { margin-bottom: 30px; } }