@keyframes float-in{to{transform:translateY(0);opacity:1}}@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{--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:rgba(255, 255, 255, 0.7);--card-border-color:rgba(255, 255, 255, 0.9);--text-primary:#121217;--text-secondary:#484857;--accent-primary:#5D3A9B;--accent-primary-text:#FFFFFF;--accent-secondary:#4a2e7c;--shadow-color:rgba(0, 0, 0, 0.08);--glow-color:rgba(93, 58, 155, 0.3)}@media (prefers-color-scheme:dark){:root{--color-bg-start:#1A1A1D;--color-bg-end:#121217;--card-bg:rgba(30, 30, 35, 0.7);--card-border-color:rgba(255, 255, 255, 0.1);--text-primary:#F0F0F5;--text-secondary:#9A9AAE;--accent-primary:#A488E2;--accent-primary-text:#121217;--accent-secondary:#c0a8f7;--shadow-color:rgba(0, 0, 0, 0.25);--glow-color:rgba(164, 136, 226, 0.3)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,h1{color:var(--text-primary)}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end));min-height:100vh;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:1.25rem}.card{max-width:400px;width:100%;padding:2.5rem;text-align:center;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border-color);border-radius:1.5rem;box-shadow:0 1rem 3rem var(--shadow-color);transform:translateY(20px);opacity:0;animation:float-in .8s .2s cubic-bezier(.165,.84,.44,1) forwards}.card-header{gap:.75rem}.card-footer,.card-header,.links{display:flex;flex-direction:column;align-items:center}.card-footer{gap:.75rem}.card-header{margin-bottom:2rem}.links{margin-bottom:2.5rem;gap:1.25rem}.card-footer{font-size:.875rem;color:var(--text-secondary);opacity:.8}.avatar{width:8rem;height:8rem;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:6px solid var(--card-bg)}h1{font-family:var(--font-heading);font-size:clamp(2.25rem,6vw,2.75rem);font-weight:400;line-height:1.1}.tagline{font-size:1.125rem;color:var(--text-secondary)}.button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;width:100%;font-size:1rem;font-weight:700;text-decoration:none;border-radius:.75rem;border:2px solid transparent;transition:all .25s cubic-bezier(.165,.84,.44,1)}.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:transparent}.icon{width:1.25em;height:1.25em;transition:transform .2s ease,filter .2s ease}.links-note{color:var(--text-secondary);font-size:.875rem;margin-top:-.75rem}.button-primary .icon{filter:invert(100%)}@media (prefers-color-scheme:dark){.button-primary .icon{filter:none}.button-secondary .icon{filter:invert(100%)}}@media (prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px -8px var(--glow-color)}.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(100%)}}