:root{--bg:#0b0d10;--surface:#13171c;--surface-2:#181d23;--border:#222932;--text:#e9eef3;--muted:#8b97a4;--accent:#6a89a7;--radius:18px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 520px at 50% -160px, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), var(--bg);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:560px;margin:0 auto;padding:56px 18px 40px}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:36px;display:flex}.avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--accent) 60%, transparent);width:104px;height:104px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%}.logo{color:#f4f7fa;width:min(300px,78%);height:auto;filter:drop-shadow(0 4px 24px color-mix(in srgb, var(--accent) 35%, transparent))}.bio{color:var(--muted);max-width:40ch;margin:-4px 0 0;font-size:15px;line-height:1.5}.socials{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.socials a{width:46px;height:46px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;transition:color .15s,background .15s,border-color .15s,transform .15s;display:grid}.socials a:hover,.socials a:focus-visible{color:#fff;background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-color:var(--accent);transform:translateY(-2px)}.items{flex-direction:column;gap:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card-head{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 12px;display:flex}.card-head h2{letter-spacing:.01em;margin:0;font-size:15px;font-weight:650}.open{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.open:hover,.open:focus-visible{color:#fff;background:color-mix(in srgb, var(--accent) 30%, transparent)}.frame{background:var(--surface-2);border-radius:12px;overflow:hidden}.frame iframe{border:0;width:100%;display:block}.frame-youtube iframe{aspect-ratio:16/9;height:auto}.button{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;min-height:58px;padding:14px 20px;font-size:15px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:flex}.button svg{color:var(--accent)}.button:hover,.button:focus-visible{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-color:var(--accent);transform:translateY(-1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.foot{text-align:center;color:#5d6773;margin-top:40px;font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}