:root {
    --login-bg: linear-gradient(135deg, #0f172a 0%, #111827 45%, #1e293b 100%);
    --card-bg: rgba(255,255,255,0.10);
    --card-border: rgba(255,255,255,0.18);
    --text-main: #ffffff;
    --text-soft: rgba(255,255,255,0.75);
    --input-bg: rgba(255,255,255,0.12);
    --input-border: rgba(255,255,255,0.18);
    --input-focus: rgba(255,255,255,0.22);
    --brand: #f7b500;
    --brand-hover: #e2a600;
    --danger: #ffb4b4;
    --link: #ffffff;
    --success-bg: rgba(40, 167, 69, .16);
    --success-border: rgba(40, 167, 69, .28);
    --info-bg: rgba(255,255,255,.08);
    --info-border: rgba(255,255,255,.14);
}
body {
    min-height: 100vh;
    background: radial-gradient(circle at top left, rgba(247,181,0,.20), transparent 25%), radial-gradient(circle at bottom right, rgba(255,255,255,.08), transparent 20%), var(--login-bg);
}