@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f5f6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#080a12;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}.app{background:radial-gradient(at 70% 5%,#172044 0%,#0000 40%),#080a12;min-height:100vh;display:flex}.sidebar{background:#0a0d19f0;border-right:1px solid #22283c;flex-direction:column;flex-shrink:0;width:260px;padding:26px 17px;transition:all .25s;display:flex}.sidebar.hidden{display:none}.brand{align-items:center;gap:12px;margin:3px 5px 34px;display:flex}.brand-icon,.welcome-icon{color:#fff;background:linear-gradient(135deg,#7868ff,#35b9e9);border-radius:13px;place-items:center;display:grid;box-shadow:0 0 28px #7868ff45}.brand-icon{width:42px;height:42px}.brand strong{letter-spacing:.5px;font-family:Space Grotesk,sans-serif;font-size:19px;display:block}.brand small{color:#858eaa;letter-spacing:2px;margin-top:3px;font-size:9px;display:block}.new-chat,.nav-item{color:#aab2c8;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:12px;font-size:13px;display:flex}.new-chat{color:#fff;background:linear-gradient(110deg,#6556dc,#397edb);justify-content:center;margin-bottom:32px;font-weight:700}.section-label{color:#68718c;letter-spacing:1.8px;margin:0 10px 12px;font-size:10px}.nav-item:hover,.nav-item.selected{color:#fff;background:#1b2035;border-color:#343c60}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #252a3b;align-items:center;gap:11px;margin-top:18px;padding:17px 8px 0;display:flex}.avatar{background:linear-gradient(135deg,#8068ff,#20b8cf);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#818ba5;margin-top:3px;font-size:10px}.main-area{flex:1;min-width:0}.topbar{background:#0b0e19aa;border-bottom:1px solid #22283c;align-items:center;gap:16px;height:68px;padding:0 28px;display:flex}.icon-button{color:#c3cbe0;background:0 0;border:0;padding:8px}.top-title{font-size:13px;font-weight:600}.status{letter-spacing:1.4px;color:#8f9bb9;align-items:center;gap:8px;margin-left:auto;font-size:9px;display:flex}.status span{background:#45e6a1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #45e6a1}.content{width:min(850px,100%);margin:0 auto;padding:65px 30px 35px}.welcome{text-align:center}.welcome-icon{border-radius:16px;width:52px;height:52px;margin:0 auto 21px}.eyebrow{color:#8b91ff;letter-spacing:2.5px;font-size:10px;font-weight:700}h1{letter-spacing:-3px;margin:17px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,7vw,70px);line-height:1.05}h1 span{color:#0000;background:linear-gradient(100deg,#a18bff,#4ed7e7);-webkit-background-clip:text;background-clip:text}.subtitle{color:#969fb9;max-width:490px;margin:0 auto;font-size:14px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0 25px;display:grid}.feature-card{text-align:left;color:#fff;background:linear-gradient(145deg,#151b2d,#101421);border:1px solid #29324b;border-radius:14px;min-height:130px;padding:18px 15px;transition:all .2s}.feature-card:hover{border-color:#7771ef;transform:translateY(-3px);box-shadow:0 8px 28px #5045c526}.feature-icon{color:#a99bff;background:#7564ff20;border-radius:10px;place-items:center;width:37px;height:37px;margin-bottom:12px;display:grid}.feature-card strong,.feature-card small{display:block}.feature-card strong{font-size:12px}.feature-card small{color:#8792ae;margin-top:6px;font-size:10px;line-height:1.6}.composer{background:#141a2a;border:1px solid #38415d;border-radius:16px;padding:15px;box-shadow:0 12px 40px #0005}.composer textarea{resize:vertical;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:55px;font-size:14px}.composer textarea::placeholder{color:#727f9b}.composer-bottom,.composer-bottom>div{align-items:center;display:flex}.composer-bottom{justify-content:space-between}.composer-bottom>div{gap:9px}.composer-bottom span{color:#76829f;font-size:10px}.tool-button,.send-button{color:#aeb8d2;background:#242d43;border:0;border-radius:9px;place-items:center;padding:9px;display:grid}.send-button{color:#fff;background:linear-gradient(135deg,#7462f4,#328fda);padding:11px}.disclaimer{text-align:center;color:#69738e;margin-top:16px;font-size:10px}@media (width<=700px){.sidebar{z-index:5;width:270px;position:fixed;inset:0 auto 0 0}.content{padding:45px 17px 28px}.topbar{padding:0 15px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:9px}.feature-card{min-height:125px;padding:13px}h1{letter-spacing:-2px}.subtitle{font-size:12px}}
