:root {
    --bg-primary: #0a0e27;
    --bg-secondary: #151932;
    --text-primary: #ffffff;
    --text-secondary: #a0aec0;
    --accent-red: #ff4d4d;
    --accent-yellow: #ffcc00;
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);
}

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

body {
    font-family: 'Inter', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
}

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

/* Rest of styles matches the inline ones in HTML for consistency */