@font-face{font-family:vika-serif;src:url(/fonts/vika-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:vika-sans;src:url(/fonts/vika-sans.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--font-heading:"vika-serif", cursive;--font-body:"vika-sans", "Segoe UI", system-ui, sans-serif;--color-bg-start:#eaeaf0;--color-bg-end:#f8f7fa;--card-bg:#ffffffb3;--card-border-color:#ffffffe6;--text-primary:#121217;--text-secondary:#484857;--accent-primary:#5d3a9b;--accent-primary-text:#fff;--accent-secondary:#4a2e7c;--shadow-color:#00000014;--glow-color:#5d3a9b4d}@media (prefers-color-scheme:dark){:root{--color-bg-start:#1a1a1d;--color-bg-end:#121217;--card-bg:#1e1e23b3;--card-border-color:#ffffff1a;--text-primary:#f0f0f5;--text-secondary:#9a9aae;--accent-primary:#a488e2;--accent-primary-text:#121217;--accent-secondary:#c0a8f7;--shadow-color:#00000040;--glow-color:#a488e24d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(135deg, var(--color-bg-start), var(--color-bg-end));-webkit-font-smoothing:antialiased;place-items:center;min-height:100vh;padding:1.25rem;display:grid}.card{text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border-color);width:100%;max-width:400px;box-shadow:0 1rem 3rem var(--shadow-color);opacity:0;border-radius:1.5rem;padding:2.5rem;animation:.8s cubic-bezier(.165,.84,.44,1) .2s forwards float-in;transform:translateY(20px)}@keyframes float-in{to{opacity:1;transform:translateY(0)}}.card-header,.links,.card-footer{flex-direction:column;align-items:center;gap:.75rem;display:flex}.card-header{margin-bottom:2rem}.links{gap:1.25rem;margin-bottom:2.5rem}.card-footer{color:var(--text-secondary);opacity:.8;font-size:.875rem}.avatar{object-fit:cover;border:6px solid var(--card-bg);border-radius:50%;width:8rem;height:8rem;margin-bottom:1rem}h1{font-family:var(--font-heading);color:var(--text-primary);text-wrap:balance;font-size:clamp(2.25rem,6vw,2.75rem);font-weight:400;line-height:1.1}.tagline{color:var(--text-secondary);text-wrap:pretty;font-size:1.125rem}.button{border:2px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex}.button:focus-visible{outline:3px solid var(--accent-primary);outline-offset:4px}.button-primary{color:var(--accent-primary-text);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));box-shadow:0 4px 15px -5px var(--glow-color)}.button-secondary{color:var(--accent-primary);border-color:var(--accent-primary);background-color:#0000}.icon{width:1.25em;height:1.25em;transition:transform .2s,filter .2s}.links-note{color:var(--text-secondary);margin-top:-.75rem;font-size:.875rem}.button-primary .icon{filter:invert()}@media (prefers-color-scheme:dark){.button-primary .icon{filter:none}.button-secondary .icon{filter:invert()}}@media (prefers-reduced-motion:no-preference){.button:hover{box-shadow:0 8px 25px -8px var(--glow-color);transform:translateY(-4px)scale(1.02)}.button:hover .icon{transform:scale(1.1)}.button-secondary:hover{background-color:var(--accent-primary);color:var(--accent-primary-text)}.button-secondary:hover .icon{filter:invert()}}