:root{
    --ink:#172033;
    --muted:#60677a;
    --paper:#f6f3ff;
    --panel:#ffffff;
    --line:#ded8f5;
    --accent:#5b4fd8;
    --accent-2:#8b5cf6;
    --accent-soft:#eee9ff;
    --gold:#c58b2b;
    --shadow:0 18px 45px rgba(38, 28, 89, .12);
}

body{
    background:
        radial-gradient(circle at top left, rgba(139, 92, 246, .16), transparent 34%),
        linear-gradient(135deg, #f8f5ff, #f4f7ff 46%, #fffaf2);
    color:var(--ink);
}

.wrap{
    width:min(1200px, calc(100% - 2rem));
    margin:auto;
    padding:1rem 0 2rem;
}

.card{
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.hero{
    background:
        linear-gradient(135deg, rgba(91, 79, 216, .12), rgba(197, 139, 43, .08)),
        var(--panel);
}

.hero h1{
    color:#22175f;
}

.section-title{
    color:#332782;
}

.grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:1rem;
}

.entry{
    margin-bottom:.75rem;
}

.entry:last-child{
    margin-bottom:0;
}

.list-stack{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin-top:.35rem;
}

.pill{
    background:var(--accent-soft);
    border:1px solid var(--line);
    color:#2f276f;
}

.language-block{
    margin-bottom:1rem;
}

.alpha-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(72px, 1fr));
    gap:.55rem;
}

.alpha-tile{
    display:block;
    text-align:center;
    padding:.85rem .45rem;
    border-radius:1rem;
    border:1px solid var(--line);
    background:#fff;
    text-decoration:none;
    box-shadow:0 10px 22px rgba(38, 28, 89, .08);
}

.alpha-tile strong{
    display:block;
    font-size:1.65rem;
    color:#332782;
    line-height:1;
}

.alpha-tile span{
    display:block;
    margin-top:.25rem;
    color:var(--muted);
    font-size:.78rem;
}

.alpha-tile:hover{
    transform:translateY(-1px);
    border-color:rgba(91, 79, 216, .45);
}

.kpi .num{
    color:#332782;
}

.footer a,
.value a,
.entry a{
    color:#4f46c8;
}

@media(max-width:900px){
    .grid{
        grid-template-columns:1fr;
    }
}