/* Global styles - required for both pages */

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

:root {
    --primary-color: #0066ff;
    --secondary-color: #0099ff;
    --accent-color: #00ccff;
    --dark-bg: #0a0a1a;
    --darker-bg: #050510;
    --card-bg: rgba(255, 255, 255, 0.05);
    --text-primary: #ffffff;
    --text-secondary: #b9bbbe;
    --gradient-1: linear-gradient(135deg, #0066ff 0%, #0033cc 100%);
    --gradient-2: linear-gradient(135deg, #00ccff 0%, #0066ff 100%);
    --gradient-3: linear-gradient(135deg, #0099ff 0%, #0066ff 100%);
}

html {
    scroll-behavior: smooth;
    background-color: #0a0a1a;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--dark-bg);
    color: var(--text-primary);
    min-height: 100vh;
}