:root {
    color-scheme: dark;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(163, 230, 53, 0.14), transparent 28rem),
        linear-gradient(135deg, #050505 0%, #0d0f0f 45%, #11140f 100%);
    color: #f8fafc;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.glass-panel {
    background: rgba(18, 20, 20, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(22px);
}

.subtle-card {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.focus-ring:focus-visible {
    outline: 2px solid #a3e635;
    outline-offset: 3px;
}

.progress-track {
    background: rgba(255, 255, 255, 0.09);
}

.progress-fill {
    background: linear-gradient(90deg, #a3e635, #bef264);
}