
:root {
    --primary: #3a86ff;
    --secondary: #ff006e;
    --dark: #212529;
    --light: #f8f9fa;
    --gray: #6c757d;
    --success: #06d6a0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

body {
    font-size: 16px;
    line-height: 1.5;
    color: var(--dark);
    background-color: var(--light);
}

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