@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Inter:wght@300;400;500;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020617;font-family:Inter,sans-serif;overflow-x:hidden}.app{min-height:100vh;padding:40px;position:relative;overflow:hidden}.bg-grid{z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.bg-orb{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.orb1{background:#00ffcc26;width:600px;height:600px;animation:8s ease-in-out infinite floatOrb;top:-200px;left:-150px}.orb2{background:#3b82f61f;width:500px;height:500px;animation:10s ease-in-out infinite floatOrb2;bottom:-200px;right:-150px}@keyframes floatOrb{0%{transform:translateY(0)}50%{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes floatOrb2{0%{transform:translate(0)}50%{transform:translate(-40px)}to{transform:translate(0)}}.particles span{background:#0fc;border-radius:50%;width:6px;height:6px;animation:10s linear infinite particleFloat;position:absolute;box-shadow:0 0 20px #0fc}.particles span:first-child{top:10%;left:20%}.particles span:nth-child(2){top:25%;left:80%}.particles span:nth-child(3){top:70%;left:10%}.particles span:nth-child(4){top:80%;left:70%}.particles span:nth-child(5){top:40%;left:50%}.particles span:nth-child(6){top:15%;left:60%}.particles span:nth-child(7){top:55%;left:85%}.particles span:nth-child(8){top:90%;left:40%}@keyframes particleFloat{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-30px)}to{opacity:.4;transform:translateY(0)}}.hero{z-index:2;text-align:center;margin-bottom:60px;padding-top:40px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0fc;letter-spacing:2px;background:#ffffff0d;border:1px solid #00ffcc4d;border-radius:999px;margin-bottom:30px;padding:10px 18px;font-size:14px;display:inline-block}.hero-title{text-shadow:0 0 40px #00ffcc59;margin-bottom:25px;font-family:Orbitron,sans-serif;font-size:110px;font-weight:900;line-height:1}.hero-title span{background:linear-gradient(90deg,#0fc,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#94a3b8;max-width:950px;margin:0 auto;font-size:22px;line-height:1.8}.dashboard{z-index:2;position:relative}.ai-layout{grid-template-columns:340px 1fr;align-items:start;gap:30px;margin-top:40px;display:grid}.left-panel{flex-direction:column;gap:20px;display:flex}.right-panel{width:100%}.glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 0 30px #00ffcc14}.panel-title{margin-bottom:25px;font-size:28px;line-height:1.4}.generate-btn{color:#020617;cursor:pointer;background:linear-gradient(90deg,#0fc,#3b82f6);border:none;border-radius:16px;width:100%;margin-bottom:20px;padding:16px;font-size:16px;font-weight:800;transition:all .3s}.generate-btn:hover{transform:translateY(-4px);box-shadow:0 0 25px #00ffcc73}.input-group{flex-direction:column;margin-bottom:20px;display:flex}.input-group label{color:#94a3b8;margin-bottom:8px;font-size:14px}.input-group input,.input-group select{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);appearance:none;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;outline:none;width:100%;padding:16px;font-size:15px;transition:all .3s}.input-group input:focus,.input-group select:focus{border:1px solid #0fc;box-shadow:0 0 15px #00ffcc4d}.input-group select option{color:#fff;background:#0f172a}.stats-title{margin-bottom:20px;font-size:22px}.metric{border-bottom:1px solid #ffffff0f;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;display:flex}.metric strong{color:#0fc}.comparison-item{justify-content:space-between;margin-bottom:18px;display:flex}.green{color:#4ade80}.blue{color:#60a5fa}.pink{color:#f472b6}.canvas-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:28px;padding:24px;box-shadow:0 0 40px #00ffcc14}.canvas-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.canvas-header h2{font-size:32px}.live-badge{color:#0fc;letter-spacing:1px;background:#00ffcc26;border-radius:999px;padding:10px 16px;font-weight:700}.main-canvas{border-radius:20px;width:100%}.footer{z-index:2;text-align:center;color:#64748b;margin-top:60px;font-size:15px;position:relative}.footer-glow{filter:blur(20px);opacity:.4;background:#0fc;width:200px;height:10px;margin:20px auto}@media (width<=1100px){.ai-layout{grid-template-columns:1fr}}@media (width<=768px){.hero-title{font-size:60px}.hero-subtitle{font-size:18px}.app{padding:20px}}