@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap');
:root {
    --primary: #6366f1;
    --primary-rgb: 99, 102, 241;
    --accent: #f43f5e;
    --primary-dark: #4f46e5;
    --surface: #0f172a;
    --surface-light: #1e293b;
    --surface-dark: #020617;
    --text: #f8fafc;
    --text-dim: #94a3b8;
    --glass: rgba(15, 23, 42, 0.9);
    --font-primary: 'Syne', sans-serif;
    --font-secondary: 'Outfit', sans-serif;
}
body { font-family: var(--font-secondary); color: var(--text); background: var(--surface); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary); font-weight: 800; letter-spacing: -0.04em; line-height: 0.95; text-transform: uppercase; }
.enterprise-glass { background: var(--glass); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(99, 102, 241, 0.2); }
.dark-card { background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.8)); border: 1px solid rgba(99, 102, 241, 0.1); }
.gradient-text { background: linear-gradient(135deg, #fff 30%, var(--primary) 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.premium-btn { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3); }