:root{--primary: #e0e0e0;--primary-light: #ffffff;--primary-dark: #a0a0a0;--bg-deep: #0a0a0f;--bg-light: #12121a;--bg-card: #1a1a24;--bg-elevated: #22222e;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--track-drums: #ff6b2c;--track-bass: #3b82f6;--track-vocals: #a855f7;--track-guitar: #22c55e;--track-piano: #06b6d4;--track-other: #ec4899;--border: #2a2a3a;--border-light: #3a3a4a;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--glow: 0 0 20px rgba(224, 224, 224, .3);--glow-strong: 0 0 40px rgba(224, 224, 224, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}::selection{background:var(--primary);color:var(--bg-deep)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}.text-gradient{background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media (max-width: 768px){.container{padding:0 var(--space-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;font-family:var(--font-display);font-size:14px;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out)}.btn-primary{background:var(--primary);color:var(--bg-deep)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--glow-strong);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--primary);background:#e0e0e00d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out)}.card:hover{border-color:var(--border-light);transform:translateY(-2px)}