:root,[data-theme=dark]{--bg: #0f0f12;--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .08);--text: #f0f0f2;--text-muted: #9ca3af;--accent: #22c55e;--accent-hover: #16a34a;--link-bg: rgba(255, 255, 255, .08);--link-bg-hover: rgba(255, 255, 255, .12);--toggle-bg: rgba(255, 255, 255, .08);--toggle-active: rgba(34, 197, 94, .25);--shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--avatar-border: rgba(255, 255, 255, .12);--tooltip-bg: #1c1c21;--tooltip-border: rgba(255, 255, 255, .12)}[data-theme=light]{--bg: #f4f4f5;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 0, 0, .06);--text: #18181b;--text-muted: #52525b;--accent: #16a34a;--accent-hover: #15803d;--link-bg: rgba(0, 0, 0, .04);--link-bg-hover: rgba(0, 0, 0, .08);--toggle-bg: rgba(0, 0, 0, .06);--toggle-active: rgba(34, 197, 94, .2);--shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--avatar-border: rgba(0, 0, 0, .1);--tooltip-bg: #ffffff;--tooltip-border: rgba(0, 0, 0, .1)}:root{--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;transition:background-color .25s ease,color .2s ease}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.page{width:100%;max-width:420px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px 24px 28px;text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.avatar-modal-open .card{box-shadow:none}.toggles{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lang-toggle{display:flex;background:var(--toggle-bg);border-radius:10px;padding:4px;border:1px solid var(--card-border)}.lang-btn{font-family:inherit;font-size:.8rem;font-weight:600;padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--toggle-active);color:var(--accent)}.theme-toggle{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--card-border);background:var(--toggle-bg);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background .2s,transform .15s}.theme-toggle:hover{background:var(--link-bg-hover);transform:scale(1.05)}.theme-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}[data-theme=dark] .theme-icon.sun{opacity:1}[data-theme=dark] .theme-icon.moon,[data-theme=light] .theme-icon.sun{opacity:0;pointer-events:none}[data-theme=light] .theme-icon.moon{opacity:1}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--avatar-border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.avatar-trigger{border:0;padding:0;margin:0 auto 20px;background:transparent;border-radius:50%;cursor:zoom-in;display:block}.avatar-trigger:hover .avatar{transform:translateY(-1px) scale(1.02);border-color:var(--accent)}.avatar-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.title{color:var(--accent);font-size:.95rem;font-weight:500;margin-bottom:12px}.bio{color:var(--text-muted);font-size:.875rem;max-width:340px;margin:0 auto 24px;line-height:1.55}.links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.link{display:block;padding:14px 20px;background:var(--link-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;transition:background .2s,border-color .2s,transform .15s}.link:hover{background:var(--link-bg-hover);border-color:var(--card-border);transform:translateY(-1px)}.link:active{transform:translateY(0)}.link-icon{position:relative;padding:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.link-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);padding:8px 14px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:10px;font-size:.8rem;font-weight:600;color:var(--accent);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow);transition:opacity .2s ease,transform .2s ease;z-index:10}.link-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--tooltip-border)}.link-tooltip:before{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;margin-top:1px;border:5px solid transparent;border-top-color:var(--tooltip-bg);z-index:1}.link-icon:hover .link-tooltip,.link-icon:focus-visible .link-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.link-icon-svg{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.link-icon-svg svg{width:100%;height:100%}.link-label{display:block}.avatar-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000e6;opacity:0;pointer-events:none;transform:scale(1.02);transition:opacity .2s ease,transform .2s ease;z-index:40}.avatar-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.avatar-modal-content{max-width:min(420px,90vw);max-height:min(80vh,480px);border-radius:20px;border:1px solid var(--card-border);background:var(--card-bg);overflow:hidden}.avatar-modal-content img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:480px){.card{padding:28px 20px 24px}.name{font-size:1.35rem}.bio{font-size:.8125rem}}