.ai-login-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:64px;align-items:center}.ai-login-copy h2{margin:8px 0 20px}.ai-login-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px}.ai-login-copy ul{display:grid;gap:10px;margin:24px 0 30px;padding:0;list-style:none}.ai-login-copy li{position:relative;padding-left:30px;color:#c5d2e2}.ai-login-copy li:before{content:"✓";position:absolute;left:0;color:#67e8f9;font-weight:800}.ai-login-copy .button{color:#fff!important}.ai-login-copy>small{display:block;margin-top:14px;color:var(--muted)}.ai-login-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#22d3ee);color:#fff}.ai-login-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7}.ai-login-preview{position:relative}.preview-window{overflow:hidden;border:1px solid rgba(147,197,253,.22);border-radius:26px;background:linear-gradient(145deg,#10263f,#091625);box-shadow:0 30px 70px rgba(0,0,0,.3)}.preview-top{display:flex;align-items:center;gap:7px;padding:16px 20px;border-bottom:1px solid var(--line)}.preview-top i{width:8px;height:8px;border-radius:50%;background:#334c68}.preview-top i:first-child{background:#22d3ee}.preview-top span{margin-left:auto;color:#93c5fd;font-weight:700}.preview-conversation{display:grid;gap:18px;padding:28px}.preview-question{justify-self:end;max-width:78%;margin:0;padding:14px 17px;border-radius:18px 18px 4px 18px;background:#2563eb;color:#fff}.preview-answer{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:start}.preview-answer>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(34,211,238,.14);color:#67e8f9}.preview-answer p{margin:0;padding:15px 17px;border:1px solid var(--line);border-radius:4px 18px 18px;background:rgba(255,255,255,.045);color:#d5e3ef}.preview-chips{display:flex;flex-wrap:wrap;gap:8px}.preview-chips span{padding:7px 11px;border:1px solid rgba(96,165,250,.25);border-radius:999px;color:#93c5fd;font-size:11px;font-weight:700}.preview-safety{display:flex;gap:12px;align-items:center;width:max-content;max-width:88%;margin:-12px auto 0;padding:14px 18px;border:1px solid rgba(74,222,128,.28);border-radius:16px;background:#0c2630;box-shadow:0 18px 35px rgba(0,0,0,.24)}.preview-safety svg{width:27px;height:27px;fill:none;stroke:#4ade80;stroke-width:1.8}.preview-safety strong,.preview-safety small{display:block}.preview-safety small{color:#9db0c3}html[data-theme="light"] .ai-login-copy h2{color:#0b1730}html[data-theme="light"] .ai-login-copy>p:not(.eyebrow),html[data-theme="light"] .ai-login-copy>small{color:#52647b}html[data-theme="light"] .ai-login-copy li{color:#334155}html[data-theme="light"] .ai-login-copy li:before{color:#2563eb}html[data-theme="light"] .preview-window{background:#fff;border-color:#dbe4f2;box-shadow:0 25px 60px rgba(15,23,42,.13)}html[data-theme="light"] .preview-answer p{background:#f3f7fc;border-color:#dbe4f2;color:#334155}html[data-theme="light"] .preview-safety{background:#ecfdf5;border-color:#bbf7d0;box-shadow:0 16px 30px rgba(15,23,42,.1)}html[data-theme="light"] .preview-safety strong{color:#14532d}html[data-theme="light"] .preview-safety small{color:#52647b}@media(max-width:900px){.ai-login-showcase{grid-template-columns:1fr;gap:42px}.ai-login-preview{max-width:650px;width:100%;margin:auto}}@media(max-width:520px){.ai-login-showcase{gap:32px}.preview-conversation{padding:20px}.preview-question{max-width:90%}.preview-safety{max-width:94%}.ai-login-copy .button{width:100%}}