:root{--bg-color: #030014;--text-main: #ffffff;--text-dim: #a1a1aa;--primary-glow: #00f3ff;--secondary-glow: #bc13fe;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--font-stack: "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-stack);background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;min-height:100vh}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;margin-top:2rem}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.logo .highlight{color:var(--primary-glow);text-shadow:0 0 10px var(--primary-glow)}.links a{color:var(--text-dim);text-decoration:none;margin-left:2rem;font-weight:500;transition:color .3s}.links a:hover{color:var(--text-main)}.btn-small{padding:.5rem 1rem;border:1px solid var(--primary-glow);border-radius:8px;color:var(--primary-glow)!important;transition:all .3s!important}.btn-small:hover{background:var(--primary-glow);color:var(--bg-color)!important;box-shadow:0 0 15px var(--primary-glow)}.hero{height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.glow-text{font-size:5rem;line-height:1.1;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(188,19,254,.5);animation:pulse-glow 3s infinite alternate}.subtitle{font-size:1.25rem;color:var(--text-dim);max-width:600px;margin:0 auto 3rem;line-height:1.6}.cta-group{display:flex;gap:1.5rem;justify-content:center}.btn-primary{padding:1rem 2.5rem;font-size:1rem;font-weight:700;background:var(--text-main);color:var(--bg-color);border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #fff6}.btn-secondary{padding:1rem 2.5rem;font-size:1rem;font-weight:700;background:transparent;color:var(--text-main);border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--text-main);background:#ffffff0d}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{padding:2.5rem;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--secondary-glow);box-shadow:0 10px 30px -10px #bc13fe33}.why-preview{position:relative;overflow:hidden}.why-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,243,255,.05) 0%,transparent 70%);pointer-events:none}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-glow)}.feature-card p{color:var(--text-dim);line-height:1.6}footer{text-align:center;padding:3rem 0;color:var(--text-dim);border-top:1px solid var(--glass-border);font-size:.9rem}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 10px rgba(0,243,255,.3))}to{filter:drop-shadow(0 0 25px rgba(188,19,254,.6))}}@media (max-width: 768px){.glow-text{font-size:3rem}nav{flex-direction:column;gap:1rem}.links{display:flex;flex-direction:column;gap:1rem;align-items:center}.links a{margin:0}}