*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0f1a;--color-text: #e2e8f0;--color-text-muted: #cbd5e1;--color-accent: #38bdf8;--color-heading: #f8fafc;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{height:100dvh;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.page{position:relative;height:100dvh;overflow:hidden}.content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.profile-stack{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;width:min(400px,calc(100vw - 2rem));pointer-events:auto;animation:fade-up .7s ease both}.glass-wrap{position:relative;width:100%}.glass-wrap>.glass-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;transform:none!important;pointer-events:auto}.glass-wrap>span,.glass-wrap>div.bg-black{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;box-sizing:border-box;transform:none!important}.glass-card>svg{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}@keyframes fade-up{0%{opacity:0}to{opacity:1}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.bg-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.4) contrast(1.06) brightness(1.03)}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0f1a0f,#0a0f1a2e)}.card-inner{text-align:center;width:100%;display:block}.glass-card .glass{display:flex!important;flex-direction:column;align-items:stretch;width:100%!important;box-sizing:border-box;background:#ffffff24!important;box-shadow:0 8px 40px #0000001a,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff26!important}.glass-card .glass__warp{backdrop-filter:blur(14px) saturate(185%) brightness(1.2)!important;-webkit-backdrop-filter:blur(14px) saturate(185%) brightness(1.2)!important}.card-inner h1,.card-inner .bio{text-shadow:0 1px 10px rgba(0,0,0,.4)}h1{font-size:1.25rem;font-weight:600;color:var(--color-heading);letter-spacing:-.02em}.bio{color:#f1f5f9e6;font-size:.85rem;line-height:1.45;margin-top:.35rem}.links{display:grid;grid-template-columns:1fr 1fr;column-gap:1.25rem;row-gap:1.15rem;width:100%;padding:.35rem}.glass-btn-wrap{position:relative;width:100%;min-height:3rem;padding:0;overflow:visible;cursor:pointer;transition:filter .3s ease;animation:btn-enter .5s cubic-bezier(.34,1.2,.64,1) both}.glass-btn-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:999px}.glass-btn-wrap:hover{filter:drop-shadow(0 8px 20px rgba(56,189,248,.25))}.glass-btn-wrap:active{filter:drop-shadow(0 4px 12px rgba(56,189,248,.2))}@keyframes btn-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-btn-wrap>*{pointer-events:none}.glass-btn>svg{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.glass-btn .glass{display:flex!important;width:100%!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.4rem!important}.glass-btn .glass>div{font:500 .8rem/1 var(--font-sans)!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}.glass-btn-link{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;color:var(--color-heading);font-size:.8rem;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.35);transition:color .25s ease,gap .25s ease;pointer-events:none}.glass-btn-wrap:hover .glass-btn-link{color:#fff;gap:.55rem}.glass-btn-link svg{width:15px;height:15px;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.4,.64,1)}.glass-btn-wrap:hover .glass-btn-link svg{transform:scale(1.2) rotate(-4deg)}.glass-btn-wrap:hover .glass-btn-link span{letter-spacing:.02em}.glass-btn-link span{transition:letter-spacing .25s ease}@media (max-width: 480px){.bg-image{object-position:center 30%}.glass-btn-link{font-size:.75rem}}@media (max-height: 700px){h1{font-size:1.1rem}.bio{font-size:.78rem;margin-top:.2rem}.profile-stack{gap:.65rem}.links{column-gap:1rem;row-gap:.9rem}.glass-btn-link{font-size:.75rem}}