@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
:root {
    --primary: #0ea5e9;
    --primary-rgb: 14, 165, 233;
    --accent: #14b8a6;
    --primary-dark: #0284c7;
    --surface: #ffffff;
    --surface-light: #f8fafc;
    --surface-dark: #f1f5f9;
    --text: #0f172a;
    --text-dim: #64748b;
    --glass: rgba(255, 255, 255, 0.9);
    --font-primary: 'Outfit', sans-serif;
}
body { font-family: var(--font-primary); color: var(--text); background: var(--surface); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary); font-weight: 900; letter-spacing: -0.05em; line-height: 0.95; }
.enterprise-glass { background: var(--glass); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(14, 165, 233, 0.1); }
.dark-card { background: linear-gradient(135deg, rgba(248, 250, 252, 0.9), rgba(255, 255, 255, 0.8)); border: 1px solid rgba(14, 165, 233, 0.1); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05); }
.gradient-text { background: linear-gradient(135deg, var(--text) 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(14, 165, 233, 0.3); }