*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6c3ce0;--primary-light: #8b5cf6;--bg: #0f0f1a;--bg-card: #1a1a2e;--text: #e4e4ef;--text-muted: #9999b0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}#app{width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(108,60,224,.15)}.nav-brand{font-size:1.4rem;font-weight:700;color:var(--primary-light);letter-spacing:-.5px}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--primary-light)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at 50% 0%,rgba(108,60,224,.15) 0%,transparent 60%)}.hero-content h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem;letter-spacing:-1px}.highlight{background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.25rem;color:var(--text-muted);max-width:500px;margin:0 auto 2rem}.cta-button{display:inline-block;padding:.85rem 2.2rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:9999px;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c3ce066}.features{padding:6rem 2rem;text-align:center}.features h2,.about h2,.contact h2{font-size:2.2rem;margin-bottom:3rem;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:960px;margin:0 auto}.feature-card{background:var(--bg-card);padding:2.5rem 2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#6c3ce04d}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;margin-bottom:.6rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.about{padding:6rem 2rem;text-align:center;max-width:700px;margin:0 auto}.about p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.contact{padding:6rem 2rem;text-align:center;background:var(--bg-card)}.contact p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.footer{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:600px){.navbar{padding:1rem}.nav-links{gap:1rem}.nav-links a{font-size:.85rem}.features,.about,.contact{padding:4rem 1.5rem}}