:root{
  --bg:#030811; --panel:#07111f; --panel2:#0a1627; --line:#163452;
  --text:#edf5ff; --muted:#91a3b9; --blue:#1687ff; --cyan:#25d9ff;
  --glow:rgba(22,135,255,.25);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 15%,#0b1a32 0,#030811 42%,#02050b 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.25}.ambient-a{width:300px;height:300px;background:#006cff;top:15%;right:5%}.ambient-b{width:260px;height:260px;background:#5c2cff;bottom:5%;left:15%}
.topbar{height:82px;border-bottom:1px solid rgba(40,83,126,.35);display:flex;align-items:center;gap:42px;padding:0 34px;position:sticky;top:0;z-index:20;background:rgba(3,8,17,.82);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;min-width:310px}.brand img{width:175px;height:56px;object-fit:contain}.brand-divider{height:27px;width:1px;background:#21476c}.project-name{font-size:15px;color:#dce9f8;white-space:nowrap}.project-name b{color:#278fff}
nav{display:flex;gap:34px;flex:1;justify-content:center}nav a{color:#a9b8ca;text-decoration:none;padding:29px 4px 25px;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1595ff;box-shadow:0 0 15px #1595ff}
.top-actions{display:flex;gap:10px}.icon-btn,.ghost-btn,.primary-btn,.new-chat{border:1px solid var(--line);background:rgba(5,14,27,.75);color:white;border-radius:13px;padding:11px 18px}.icon-btn{width:50px;padding:0}.primary-btn{background:linear-gradient(135deg,#0b75ff,#3155ff);border-color:#1687ff;box-shadow:0 0 22px var(--glow)}.primary-btn:hover{transform:translateY(-1px)}
main{display:grid;grid-template-columns:285px 1fr;max-width:1540px;margin:auto}
.sidebar{border-right:1px solid rgba(40,83,126,.35);min-height:calc(100vh - 82px);padding:28px 20px;position:sticky;top:82px;height:calc(100vh - 82px);display:flex;flex-direction:column}
.new-chat{border-color:#167dce;color:#dff4ff;width:100%;padding:13px;margin-bottom:26px;background:linear-gradient(180deg,#071a30,#06111f)}
.side-title{font-size:10px;letter-spacing:1.5px;color:#667e98;margin:4px 10px 12px}.history{border:0;background:transparent;color:#a7b8cc;text-align:left;padding:12px 10px;border-radius:9px;display:flex;gap:10px}.history:hover,.history.active{background:#08192c;color:#fff}.history.active{box-shadow:inset 2px 0 #138bff}.history span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-card{margin-top:auto;border:1px solid #1b4d79;border-radius:15px;padding:17px;background:radial-gradient(circle at 100% 100%,rgba(41,72,255,.2),transparent 45%),#06111f}.tag{display:inline-block;font-size:10px;letter-spacing:.8px;color:#e8f3ff;background:rgba(31,93,255,.22);border:1px solid rgba(50,132,255,.5);border-radius:7px;padding:5px 8px}.project-card h3{font-size:23px;margin:12px 0 7px}.project-card h3 em{font-style:normal;color:#816bff}.project-card p{font-size:12px;line-height:1.55;color:#91a3b9;margin:0 0 13px}.project-card a{font-size:12px;color:#dff2ff;text-decoration:none}.account{display:flex;align-items:center;gap:10px;border:1px solid #18324f;border-radius:14px;padding:12px;margin-top:14px;background:#06101c}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0b76ef}.account strong{display:block;font-size:12px}.account small{display:block;color:#70859c;margin-top:3px}.account>span{margin-left:auto;color:#7790a8}
.workspace{padding:24px 24px 10px;min-width:0}.hero{min-height:395px;border:1px solid #14324f;border-radius:22px;background:linear-gradient(110deg,rgba(4,12,22,.92),rgba(5,15,27,.7));position:relative;overflow:hidden;padding:38px 42px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 35%,rgba(20,105,170,.08) 50%,transparent 75%);pointer-events:none}.hero h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2.5px;margin:20px 0 8px;position:relative}.hero h1 span{background:linear-gradient(90deg,#13a3ff,#795eff);-webkit-background-clip:text;color:transparent}.hero p{color:#a7b8ca;font-size:16px;margin:0;max-width:580px}.badges{display:flex;gap:9px;margin-top:25px}.badges span{border:1px solid #173958;background:#071423;border-radius:99px;padding:8px 13px;font-size:12px;color:#bcd0e5}
.hero-logo-wrap{position:absolute;right:7%;top:48px;width:300px;height:300px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #1478db;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 22px rgba(22,135,255,.28)}.orbit-one{width:250px;height:250px}.orbit-two{width:190px;height:190px;border-color:#19cfff;animation:spin 8s linear infinite}.bot{position:relative;z-index:2;width:145px;height:170px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 22px rgba(27,145,255,.7));animation:float 4s ease-in-out infinite}.bot-head{width:128px;height:84px;border:2px solid #67c9ff;border-radius:38px 38px 31px 31px;background:linear-gradient(145deg,#d8f4ff,#668cae 35%,#07182b 36%,#020912);position:relative;box-shadow:inset 0 0 25px rgba(91,192,255,.25)}.bot-head i{position:absolute;top:37px;width:9px;height:13px;background:#21c9ff;border-radius:8px;box-shadow:0 0 12px #21c9ff}.bot-head i:first-child{left:42px}.bot-head i:nth-child(2){right:42px}.bot-head b{display:none}.bot-body{margin-top:-2px;width:98px;height:85px;border:2px solid #398fca;border-radius:20px 20px 30px 30px;background:linear-gradient(#163858,#061423);display:grid;place-items:center;color:#42c8ff;font-size:32px;font-weight:800}.bot-ring{width:180px;height:28px;border:2px solid #168dff;border-radius:50%;position:absolute;bottom:-9px;box-shadow:0 0 25px #168dff}
@keyframes float{50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotateX(68deg) rotateZ(360deg)}} 
.chat-shell{margin-top:18px;border:1px solid #153753;border-radius:20px;background:rgba(4,13,24,.82);padding:26px 30px}.chat-head{display:flex;justify-content:space-between;align-items:start}.chat-head h2{margin:0;font-size:24px}.chat-head h2 span{color:#2b91ff}.chat-head p{color:#899db4;margin:7px 0 0}.messages{min-height:260px;padding:28px 5px 8px;display:flex;flex-direction:column;gap:20px}.message{max-width:78%;border-radius:16px;padding:14px 17px;position:relative}.message p{margin:0;line-height:1.6}.message.user{align-self:flex-end;background:linear-gradient(135deg,#0759c8,#1437a0);border:1px solid #187fff}.message.ai{align-self:flex-start;background:#091827;border:1px solid #173450;display:flex;gap:12px}.message time{display:block;color:#71869d;font-size:10px;text-align:right;margin-top:8px}.mini-bot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#061d35;color:#32c8ff;border:1px solid #1978b8;flex:none}.message-tools{color:#7289a0;margin-top:12px;font-size:12px}.composer{display:flex;gap:10px;border:1px solid #167dce;border-radius:15px;padding:6px;background:#061321;box-shadow:0 0 22px rgba(19,126,255,.12)}.composer input{flex:1;background:transparent;border:0;outline:0;color:white;padding:14px}.composer button{width:48px;border:0;border-radius:12px;background:#0b76ff;color:white;font-size:20px;box-shadow:0 0 18px rgba(0,126,255,.5)}.disclaimer{display:block;text-align:center;color:#647990;font-size:10px;margin-top:8px}
.features{padding:70px 6px 35px}.features>div:first-child{margin-bottom:22px}.features h2,.about h2{font-size:30px;margin:12px 0;letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-grid article{border:1px solid #14324e;border-radius:16px;background:#06111e;padding:20px;min-height:150px;transition:.25s}.feature-grid article:hover{transform:translateY(-4px);border-color:#207bc1;box-shadow:0 10px 30px rgba(0,85,180,.13)}.feature-grid b{color:#1ca9ff;font-size:21px}.feature-grid h3{font-size:15px;margin:13px 0 7px}.feature-grid p{color:#8094ab;font-size:12px;line-height:1.5;margin:0}.about{border-top:1px solid #122c46;padding:55px 6px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about p{color:#8fa1b7;line-height:1.8;margin:10px 0}footer{border-top:1px solid #10283f;text-align:center;padding:24px;color:#61758b;font-size:11px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#0b1a2b;border:1px solid #1d6ca9;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
.glow-off .ambient{display:none}.glow-off .bot{filter:none}.glow-off .primary-btn{box-shadow:none}
@media(max-width:1050px){.hero-logo-wrap{opacity:.35;right:-40px}.feature-grid{grid-template-columns:repeat(2,1fr)}.brand{min-width:230px}.brand img{width:150px}.project-name{display:none}}
@media(max-width:760px){.topbar{height:70px;padding:0 14px;gap:10px}.brand{min-width:0;flex:1}.brand img{width:150px}.topbar nav,.ghost-btn{display:none}.top-actions{gap:6px}.primary-btn{padding:10px 12px}.sidebar{display:none}main{display:block}.workspace{padding:12px}.hero{min-height:420px;padding:28px 22px}.hero h1{font-size:39px;letter-spacing:-1.5px;max-width:500px}.hero-logo-wrap{right:50%;transform:translateX(50%);top:195px;opacity:.55}.badges{position:relative;z-index:3;flex-wrap:wrap}.chat-shell{padding:20px 16px}.message{max-width:92%}.feature-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:10px}.workspace{overflow:hidden}}