/* ============================================
   DESIGN SYSTEM – Variables, Reset, Base
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --bg-dark: #050714;
    --bg-light: #0A0D1F;
    --glass: rgba(255,255,255,0.03);
    --glass-hover: rgba(255,255,255,0.055);
    --glass-strong: rgba(255,255,255,0.08);
    --glass-border: rgba(255,255,255,0.06);
    --glass-border-hover: rgba(255,255,255,0.14);
    --blue: #3B82F6;
    --purple: #8B5CF6;
    --pink: #EC4899;
    --green: #10B981;
    --orange: #F59E0B;
    --cyan: #06B6D4;
    --text: #F1F5F9;
    --text-muted: #94A3B8;
    --text-dark: #64748B;
    --radius: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;
    --shadow: 0 8px 32px rgba(0,0,0,0.24);
    --shadow-lg: 0 16px 48px rgba(0,0,0,0.36);
    --shadow-xl: 0 24px 64px rgba(0,0,0,0.48);
    --shadow-glow-blue: 0 0 32px rgba(59,130,246,0.25);
    --shadow-glow-purple: 0 0 32px rgba(139,92,246,0.25);
    --gradient-primary: linear-gradient(135deg, #3B82F6, #8B5CF6);
    --gradient-secondary: linear-gradient(135deg, #EC4899, #F59E0B);
    --gradient-tertiary: linear-gradient(135deg, #10B981, #06B6D4);
    --gradient-warm: linear-gradient(135deg, #F59E0B, #EC4899);
    --transition-fast: 0.12s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #050714;
    color: var(--text);
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main {
    padding: 48px 40px;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 160px;
}