:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--accent:#6c63ff;--accent-light:#8b85ff;--accent-dim:#6c63ff1f;--accent-border:#6c63ff4d;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#5a5a70;--border:#ffffff0f;--border-hover:#ffffff1f;--glow:0 0 40px #6c63ff1f;--radius:12px;--radius-lg:20px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{color:var(--text-primary);background:#6c63ff4d}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}a{color:var(--accent-light);transition:color var(--transition);text-decoration:none}a:hover{color:#fff}.container{max-width:1100px;margin:0 auto;padding:0 24px}section{z-index:1;padding:100px 0;position:relative}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);margin-bottom:10px;font-size:.72rem;font-weight:600}.section-title{color:var(--text-primary);margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.section-divider{background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:48px;height:3px;margin-bottom:56px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);padding:28px 32px}.card:hover{border-color:var(--accent-border);background:var(--bg-card-hover);box-shadow:var(--glow);transform:translateY(-2px)}.tag{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-light);white-space:nowrap;border-radius:100px;padding:4px 12px;font-size:.76rem;font-weight:500;display:inline-block}#root{z-index:1;position:relative}@media (width<=768px){section{padding:72px 0}.card{padding:20px}.section-divider{margin-bottom:40px}}