:root {
    --site-ink: #111827;
    --site-muted: #64748b;
    --site-blue: #1d6ff2;
    --site-blue-dark: #0f61de;
    --site-gold: #a98a4e;
    --site-line: rgba(148,163,184,.18);
    --site-bg: #f5f7fb;
    --site-card: #ffffff;
}

html { scroll-behavior: smooth; }
body {
    color: var(--site-ink);
    background:
        radial-gradient(circle at 10% 0%, rgba(29,111,242,.05), transparent 26rem),
        radial-gradient(circle at 100% 22%, rgba(103,213,255,.05), transparent 28rem),
        var(--site-bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
::selection { background: rgba(29,111,242,.18); color: var(--site-ink); }

.site-header {
    border-bottom: 1px solid rgba(148,163,184,.14);
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.site-logo {
    box-shadow: 0 0 0 1px rgba(23,32,51,.05), 0 8px 18px rgba(23,32,51,.10);
}
.site-btn {
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.site-btn:hover {
    transform: translateY(-1px);
}
.site-card {
    border: 1px solid var(--site-line);
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 34px rgba(23,32,51,.06);
}
.site-input {
    border: 1px solid #d5dce5 !important;
    background: #fff !important;
    box-shadow: none !important;
}
.site-input:focus {
    border-color: #7fa7dc !important;
    box-shadow: 0 0 0 4px rgba(29,111,242,.08) !important;
}