/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Colors - Rapyd Style */
    --primary-pink: #FF007A;
    --primary-purple: #5600EF;
    --accent-green: #00FF89;
    --accent-yellow: #FCFF00;
    --bg-dark: #0A0E1B;
    --bg-darker: #050711;
    --text-white: #FFFFFF;
    --text-gray: #A0A0A0;
    --text-light: #D1D1D1;
    
    /* Gradients */
    --gradient-main: linear-gradient(135deg, #FF007A 0%, #5600EF 100%);
    --gradient-hover: linear-gradient(135deg, #5600EF 0%, #00FF89 100%);
    --gradient-text: linear-gradient(90deg, #FF007A 0%, #00FF89 100%);
    
    /* Typography - Golden Ratio */
    --font-base: 17px;
    --font-h1: 48px;
    --font-h2: 32px;
    --font-h3: 24px;
    --font-button: 20px;
    --font-small: 14px;
    
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-4xl: 96px;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: var(--font-base);
    line-height: 1.6;
    color: var(--text-white);
    background-color: var(--bg-dark);
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}