@font-face {
    font-family: 'Chusten Bullgis';
    src: url('Chusten Bullgis TTF.ttf') format('truetype');
}

:root {
    --primary: #1e5a6e;
    --secondary: #d4917b;
    --accent: #7ba89d;
}

body {
    background: white;
    transition: background 0.3s ease;
    font-family: 'Inter', sans-serif;
}

.link-button {
    background: white;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.link-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 90, 110, 0.3);
    background: var(--primary);
    color: white;
}

.link-button:first-child {
    background: #A7E4DC;
    border: none;
    padding: 30px;
    color: #036779;
}

.link-button:first-child:hover {
    background: #8dd4ca;
}

.link-button:nth-child(2) {
    background: #A7E4DC;
    border: none;
    padding: 30px;
    color: #036779;
}

.link-button:nth-child(2):hover {
    background: #8dd4ca;
}

.link-button:nth-child(3) {
    background: #A7E4DC;
    border: none;
    padding: 30px;
    color: #036779;
}

.link-button:nth-child(3):hover {
    background: #8dd4ca;
}

.link-button:nth-child(4) {
    background: #A7E4DC;
    border: none;
    color: #036779;
    padding: 30px;
}

.link-button:nth-child(4):hover {
    background: #8dd4ca;
}

.lang-btn {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s;
}

.lang-btn:hover {
    background: rgba(30, 90, 110, 0.1);
}

.lang-btn.active {
    background: var(--primary);
    color: white;
}