:root {
    color-scheme: dark;
    --bg: #080a0f;
    --panel: #11151d;
    --panel2: #171c26;
    --text: #f6f7fb;
    --muted: #9ca6b7;
    --line: rgba(255,255,255,.10);
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
    min-height: 100vh;
    background: radial-gradient(circle at top, #151a25 0%, var(--bg) 48%, #050608 100%);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
.page-shell {
    width: min(820px, calc(100% - 28px));
    margin: 0 auto;
    padding: 56px 0 70px;
}
.site-name {
    margin: 0 0 30px;
    text-align: center;
    font-size: clamp(2rem, 8vw, 4.4rem);
    line-height: .95;
    letter-spacing: -.055em;
    font-weight: 900;
    overflow-wrap: anywhere;
}
.links-grid { display: grid; gap: 13px; }
.link-card {
    display: grid;
    gap: 7px;
    padding: 18px 19px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(0,0,0,.18);
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.link-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.22);
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
}
.link-name { font-weight: 800; font-size: 1.08rem; }
.link-description { color: var(--muted); line-height: 1.45; font-size: .95rem; }
.link-action { margin-top: 3px; font-weight: 800; font-size: .88rem; opacity: .92; }
@media (max-width: 540px) {
    .page-shell { width: min(100% - 22px, 820px); padding-top: 38px; }
    .site-name { margin-bottom: 24px; }
    .link-card { border-radius: 15px; padding: 16px; }
}