* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --black: #08090a;
    --black-soft: #111315;
    --silver: #c9cdd1;
    --silver-light: #eef0f2;
    --silver-dark: #777d83;
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 50% -20%, rgba(201, 205, 209, 0.10), transparent 38%),
        linear-gradient(145deg, #08090a 0%, #111315 52%, #050606 100%);
    color: var(--silver-light);
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.02em;
}

.site-header {
    width: 100%;
    padding: 30px 6vw 26px;
    border-bottom: 1px solid rgba(201, 205, 209, 0.22);
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 22px;
    max-width: 1200px;
    margin: 0 auto;
}

.brand {
    color: var(--silver-light);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    white-space: nowrap;
}

.header-line {
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, var(--silver-dark), transparent);
}

h1 {
    max-width: 1200px;
    margin: 42px auto 0;
    color: var(--silver-light);
    font-size: clamp(2.2rem, 6vw, 4.8rem);
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.main-content {
    flex: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 45vh;
    padding: 40px 6vw;
}

.site-footer {
    width: 100%;
    padding: 20px 6vw 24px;
    border-top: 1px solid rgba(201, 205, 209, 0.16);
    color: var(--silver-dark);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.site-footer span {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .site-header {
        padding: 24px 7vw 22px;
    }

    .header-inner {
        gap: 12px;
    }

    .brand {
        font-size: 0.68rem;
        letter-spacing: 0.13em;
    }

    .header-line {
        min-width: 30px;
    }

    h1 {
        margin-top: 32px;
        font-size: clamp(2rem, 12vw, 3.2rem);
        line-height: 1.02;
    }

    .main-content {
        min-height: 55vh;
        padding: 30px 7vw;
    }

    .site-footer {
        padding: 18px 7vw 22px;
        font-size: 0.64rem;
    }
}