:root {
    color-scheme: light;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    color: #272f3b;
    background: #f5f7fa;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: radial-gradient(ellipse at 15% 16%, rgb(55 119 171 / 9%), transparent 48%),
        radial-gradient(ellipse at 86% 84%, rgb(126 36 56 / 6%), transparent 45%),
        linear-gradient(145deg, #f1f4f8, #fff 55%, #f4f5f7);
}
a { -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 3px solid #2876ae; outline-offset: 5px; }
.landing-header { display: flex; justify-content: flex-end; padding: 28px 40px; }
.landing-languages {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid #dbe1e8;
    border-radius: 10px;
    background: rgb(255 255 255 / 75%);
    box-shadow: 0 3px 12px rgb(28 48 70 / 3%);
}
.landing-languages a {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    color: #596474;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    transition: background .2s, color .2s;
}
.landing-languages a:hover { background: #eef2f6; color: #224e75; }
.landing-languages a[aria-current] { background: #24384e; color: #fff; box-shadow: 0 2px 5px rgb(27 45 65 / 12%); }
.landing-main { display: grid; place-items: center; padding: 48px 32px 90px; }
.landing-content { width: min(100%, 900px); text-align: center; }
.landing-brand { width: min(100%, 760px); margin: 0 auto 42px; }
.landing-brand img { display: block; width: 100%; height: auto; }
.landing-slogan { margin: 0; font-size: clamp(24px, 2.5vw, 34px); font-weight: 500; letter-spacing: -.025em; line-height: 1.35; text-wrap: balance; }
.landing-description { max-width: 590px; margin: 20px auto 0; color: #596474; font-size: 17px; line-height: 1.7; text-wrap: balance; }
.landing-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 38px; }
.landing-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    min-width: 170px;
    min-height: 52px;
    padding: 14px 26px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: background .2s, border-color .2s, box-shadow .2s;
}
.landing-button-primary { color: #fff; background: linear-gradient(115deg, #245b88, #193f63); box-shadow: 0 5px 14px rgb(31 78 116 / 15%); }
.landing-button-primary:hover { background: linear-gradient(115deg, #1b4a73, #153653); box-shadow: 0 7px 18px rgb(31 78 116 / 22%); }
.landing-button-secondary { color: #374559; border-color: #cbd4df; background: rgb(255 255 255 / 75%); }
.landing-button-secondary:hover { background: #fff; border-color: #849bb2; }
.landing-footer { display: flex; justify-content: space-between; gap: 16px; margin: 0 40px; padding: 22px 0; border-top: 1px solid rgb(65 83 105 / 10%); color: #657080; font-size: 12px; letter-spacing: .015em; }
@media (max-width: 768px) {
    .landing-header { padding: 20px 24px; }
    .landing-main { padding: 40px 24px 64px; }
    .landing-brand { margin-bottom: 34px; }
    .landing-description { font-size: 16px; }
    .landing-footer { margin: 0 24px; }
}
@media (max-width: 480px) {
    .landing-header { padding: 16px 20px; }
    .landing-main { padding: 36px 20px 52px; }
    .landing-brand { margin-bottom: 30px; }
    .landing-slogan { font-size: 25px; }
    .landing-description { margin-top: 16px; font-size: 15px; }
    .landing-actions { flex-direction: column; width: min(100%, 300px); margin: 30px auto 0; gap: 12px; }
    .landing-button { width: 100%; }
    .landing-footer { margin: 0 20px; padding: 20px 0; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { a { transition: none !important; } }