:root{color:#17132c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.ai-app{background:linear-gradient(135deg,#7c3aed29,#0000 30rem),linear-gradient(320deg,#0ea5e924,#0000 28rem),#f8f7ff;min-height:100vh}.ai-header{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:10px;width:42px;height:42px}.brand strong,.brand span{display:block}.brand strong{color:#18112f;font-size:18px}.brand span{color:#716b87;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:800}.login-link{color:#6d28d9;background:#fff;border:1px solid #d8d0f2;border-radius:8px;padding:10px 13px;font-size:14px;font-weight:850;text-decoration:none}.ai-main{gap:18px;width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0;display:grid}.ai-hero,.ai-panel,.ai-card{background:#fffffff0;border:1px solid #ded6f5;border-radius:8px;box-shadow:0 16px 38px #2a164e14}.ai-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:20px;padding:32px;display:grid}.ai-hero h1,.ai-hero p,.ai-panel h2,.ai-panel p,.ai-card h2,.ai-card p{margin:0}.ai-hero h1{color:#18112f;letter-spacing:0;font-size:clamp(40px,7vw,72px);line-height:1}.ai-hero p{color:#605a74;margin-top:18px;font-size:18px;line-height:1.65}.icon{color:#6d28d9;background:#f1ebff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ai-feed{gap:10px;display:grid}.ai-message{color:#44375f;background:#f6f2ff;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.ai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ai-card,.ai-panel{padding:18px}.ai-card h2,.ai-panel h2{color:#18112f;margin-top:12px;font-size:19px}.ai-card p,.ai-panel p{color:#605a74;margin-top:8px;font-size:14px;line-height:1.5}@media (max-width:860px){.ai-hero,.ai-grid{grid-template-columns:1fr}}