:root{
    --bg0:#070A12;
    --bg1:#0B1020;
    --card: rgba(255,255,255,.06);
    --border: rgba(255,255,255,.10);
    --text: rgba(255,255,255,.88);
    --muted: rgba(255,255,255,.65);

    /* Bulgaria flag accents */
    --bg-bulgaria-white:#ffffff;
    --bg-bulgaria-green:#00966E;
    --bg-bulgaria-red:#D62612;

    --glow: 0 0 40px rgba(59,130,246,.25);
    --glow-green: 0 0 25px rgba(0,150,110,.45);
    --glow-red: 0 0 30px rgba(214,38,18,.45);
}

body{
    background:
            radial-gradient(900px 450px at 10% 10%, rgba(0,150,110,.14), transparent 60%),
            radial-gradient(700px 380px at 90% 20%, rgba(214,38,18,.12), transparent 60%),
            radial-gradient(900px 520px at 50% 100%, rgba(255,255,255,.07), transparent 60%),
            linear-gradient(180deg, var(--bg0), var(--bg1));
    color: var(--text);
    overflow-x: hidden;
}

.navbar{
    background: rgba(10,14,28,.55);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
}

.brand-badge{
    display:inline-flex; align-items:center; gap:.55rem;
    padding:.45rem .8rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background:
            linear-gradient(90deg,
            rgba(255,255,255,.10),
            rgba(0,150,110,.16),
            rgba(214,38,18,.16)
            );
    box-shadow: var(--glow);
}

.hero{
    padding: 5.5rem 0 3.2rem;
    position: relative;
}
.hero::before{
    content:"";
    position:absolute; inset:-200px -200px auto -200px;
    height: 520px;
    background: radial-gradient(closest-side, rgba(255,255,255,.10), transparent);
    filter: blur(10px);
    pointer-events:none;
}
.hero h1{ letter-spacing: -0.03em; line-height: 1.05; }
.hero .lead{ color: var(--muted); max-width: 58ch; }

.hero-brand{
    background: linear-gradient(90deg, #ffffff, var(--bg-bulgaria-green), var(--bg-bulgaria-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 18px rgba(255,255,255,.35);
}

.glass{
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.stat-card{
    padding: 1.1rem 1.1rem;
    height: 100%;
    position: relative;
}
.border-bulgaria::after{
    content:"";
    position:absolute;
    left: 14px; right: 14px; bottom: 10px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffffff, var(--bg-bulgaria-green), var(--bg-bulgaria-red));
    opacity: .95;
}

.stat-icon{
    width: 44px; height:44px;
    display:grid; place-items:center;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
    box-shadow: var(--glow);
}

.mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.btn-primary{
    background: linear-gradient(135deg, var(--bg-bulgaria-red), #ff3b2f);
    border: none;
    box-shadow: var(--glow-red);
}
.btn-primary:hover{ filter: brightness(1.1); }

.btn-outline-light{
    border-color: rgba(255,255,255,.22);
    color: rgba(255,255,255,.9);
}
.btn-outline-light:hover{
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.35);
    color:#fff;
}

.table{
    --bs-table-bg: transparent;
    --bs-table-color: rgba(255,255,255,.88);
    --bs-table-border-color: rgba(255,255,255,.10);
}
.table thead th{
    color: rgba(255,255,255,.72);
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.badge-soft{
    background: rgba(0,150,110,.18);
    color: rgba(255,255,255,.92);
    border: 1px solid rgba(0,150,110,.45);
    box-shadow: var(--glow-green);
}
.badge-soft-warn{
    background: rgba(245,158,11,.14);
    border: 1px solid rgba(245,158,11,.28);
    color: rgba(255,255,255,.92);
}

.divider{
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
    margin: 2.2rem 0;
}

#discord .glass{
    box-shadow:
            0 0 0 1px rgba(255,255,255,.08),
            0 0 40px rgba(0,150,110,.15),
            0 0 60px rgba(214,38,18,.12);
}

footer{ color: rgba(255,255,255,.55); }
.small-link{ color: rgba(255,255,255,.75); text-decoration: none; }
.small-link:hover{ color:#fff; }