:root {
    --bg: #070a12;
    --panel: rgba(16, 22, 40, 0.65);
    --panel-strong: rgba(16, 22, 40, 0.92);
    --line: rgba(170, 210, 255, 0.12);
    --text: rgba(235, 245, 255, 0.92);
    --muted: rgba(235, 245, 255, 0.68);

    --accent: rgba(140, 210, 255, 0.95);
    --accent-2: rgba(167, 243, 208, 0.85);

    --shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
    --radius: 18px;
    --radius-lg: 26px;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;

    background:
        radial-gradient(1200px 900px at 20% 0%, rgba(110, 160, 255, 0.08), transparent 60%),
        radial-gradient(900px 700px at 80% 10%, rgba(140, 255, 220, 0.05), transparent 55%);

    pointer-events: none;
}

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

.container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}