/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,17): run-time error CSS1039: Token not allowed after unary operator: '-ink'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-stroke'
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-glass'
(57,17): run-time error CSS1039: Token not allowed after unary operator: '-muted'
 */
:root {
    --ink: #f4f7fb;
    --muted: rgba(244, 247, 251, 0.78);
    --glass: rgba(8, 16, 32, 0.52);
    --stroke: rgba(255, 255, 255, 0.16);
    --accent: #3ee0c6;
}

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

body.home {
    color: var(--ink);
    font-family: "Segoe UI", system-ui, sans-serif;
    background-color: #061018;
    background-image:
        linear-gradient(180deg, rgba(4, 10, 20, 0.38) 0%, rgba(4, 10, 20, 0.62) 100%),
        url("img/gateway-hero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.body-content {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
}

.home-panel {
    width: min(36rem, 100%);
    padding: 2rem 2.1rem;
    border: 1px solid var(--stroke);
    border-radius: 1.15rem;
    background: var(--glass);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(10px);
}

.home-panel h1 {
    margin: 0 0 0.55rem;
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 650;
    line-height: 1.25;
}

.home-meta {
    margin: 0.15rem 0 0;
    color: var(--muted);
    font-size: 1.05rem;
    font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
    body.home {
        background-attachment: scroll;
    }
}