@font-face {
    font-family:"Roboto Condensed";
    src:url("../fonts/Roboto_Condensed-Regular.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:"Roboto Condensed";
    src:url("../fonts/Roboto_Condensed-SemiBold.ttf") format("truetype");
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:"Roboto Condensed";
    src:url("../fonts/Roboto_Condensed-Bold.ttf") format("truetype");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:"Roboto Condensed";
    src:url("../fonts/Roboto_Condensed-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap;
}

:root {
 --color-bg:#050708;
 --color-bg-deep:#020304;
 --color-surface:#0d1115;
 --color-surface-raised:#12171c;
 --color-border:#2b3238;
 --color-text:#f4f5f5;
 --color-text-muted:#a7afb6;
 --color-gold:#e9b400;
 --color-gold-bright:#ffc400;
 --color-gold-hover:#e9b400;
 --color-gold-line:rgba(255,196,0,.12);
 --color-gold-focus:rgba(255,196,0,.48);
 --color-school:#1677d2;
 --color-school-hover:#0d63b7;
 --color-external:#dc4a1a;
 --color-error:#ff8d85;
 --radius-control:4px;
 --radius-card:8px;
 --control-height:44px;
 --control-padding-x:18px;
 --container:1180px;
 --section-space: clamp(10px, 2vw, 25px);
 --shadow-card:0 18px 45px rgba(0,0,0,.24);
}