:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #06b6d4;--accent: #f59e0b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--dark-bg: #0f0f23;--dark-surface: #1a1a2e;--dark-card: #16213e;--dark-border: #2d3748;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.btn-primary{text-align:center;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:transparent;color:var(--text-secondary);border:2px solid var(--dark-border);border-radius:var(--border-radius);font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem}.logo-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem}