:root {
    --electric-blue: #0066ff;
    --electric-blue-dark: #0044b8;
    --electric-blue-light: #afff00;
    --electric-cyan: #00d4ff;
    --dark: #0a0e1a;
    --dark-card: #111827;
    --dark-surface: #151d31;
    --white: #ffffff;
    --gray-100: #f1f5f9;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
}

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

body {
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top, rgba(0, 102, 255, 0.16), transparent 34%),
        linear-gradient(180deg, #08101f 0%, var(--dark) 55%, #070b15 100%);
    color: var(--white);
    font-family: var(--font-body);
}

a {
    color: inherit;
    text-decoration: none;
}

.public-page {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 clamp(1.5rem, 5vw, 6rem) 4rem;
}

@media (max-width: 768px) {
    .public-page {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}