:root{--bg:#0f0f1e;--bg-subtle:#1a1a2e;--text:#fff;--text-muted:#a0a0b0;--text-default:#e0e0e0;--accent:#6366f1;--accent-secondary:#a855f7;--border:#6366f11a;--card:#6366f10d;--radius:16px;--shadow:0 10px 40px #6366f11a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3{letter-spacing:-.04em;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{-webkit-backdrop-filter:saturate(180%)blur(30px);backdrop-filter:saturate(180%)blur(30px);border-bottom:1px solid var(--border);z-index:1000;background:#0f0f1ee6;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #6366f10d}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--accent);text-shadow:0 0 10px #6366f14d}.hero{text-align:center;background:radial-gradient(circle at top,#6366f133 0%,#0000 60%);padding:180px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero h1{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(48px,10vw,96px);font-weight:800;line-height:1.1}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:20px}.btn{border-radius:var(--radius);cursor:pointer;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;box-shadow:0 8px 24px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f166}.btn-secondary{color:#fff;background:0 0;border:1.5px solid #6366f14d}.btn-secondary:hover{background:#6366f11a;border-color:#6366f199;transform:translateY(-2px)}.carousel-section{background:var(--bg-subtle);padding:80px 0}.carousel-container{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);border-radius:24px;padding:60px;position:relative;overflow:hidden}.grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f10d 0%,#a855f70d 100%);padding:32px;transition:all .3s}.card:hover{box-shadow:var(--shadow);border-color:#6366f166;transform:translateY(-4px)}.card h3{margin-bottom:12px}.card p{color:var(--text-muted);font-size:14px}.footer{border-top:1px solid var(--border);margin-top:100px;padding:80px 0 40px}.footer-content{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.section{padding:100px 0}.section-title{background:linear-gradient(135deg,#fff 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(32px,8vw,56px)}.section-lead{color:var(--text-muted);font-size:18px}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px;display:grid}.module-card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);padding:32px;transition:all .3s}.module-card:hover{box-shadow:var(--shadow);border-color:#6366f166;transform:translateY(-4px)}.badge{color:var(--accent);background:linear-gradient(135deg,#6366f133 0%,#a855f733 100%);border:1px solid #6366f14d;border-radius:8px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}@media (max-width:768px){.nav-links{display:none}.grid{grid-template-columns:1fr}.hero{padding:120px 0 80px}.section{padding:60px 0}}