:root{color-scheme:dark;--bg:#040b10;--panel:#0a1921;--panel2:#10252e;--line:rgba(255,255,255,.12);--gold:#f3bf35;--text:#f6f8f9;--muted:#aab8bf;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(29,78,92,.5),transparent 44%),linear-gradient(180deg,#07131a,#02070a 75%)}a{color:inherit}.linkhub-shell{width:min(680px,100%);margin:auto;padding:clamp(20px,4vw,42px) 18px 44px}.linkhub-home{display:inline-flex;margin-bottom:24px;color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}.linkhub-home:hover{color:var(--gold)}.linkhub-profile{text-align:center}.linkhub-logo{display:grid;place-items:center;width:124px;height:124px;margin:0 auto 18px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:0 20px 60px rgba(0,0,0,.34)}.linkhub-logo img{display:block;width:104px;height:104px;object-fit:contain}.linkhub-kicker{margin:0;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.18em}.linkhub-profile h1{margin:8px 0 10px;font-size:clamp(32px,7vw,52px);line-height:1}.linkhub-intro{max-width:530px;margin:0 auto 28px;color:var(--muted);font-size:16px;line-height:1.65}.linkhub-links{display:grid;gap:12px}.linkhub-link{display:grid;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:82px;padding:13px 18px 13px 13px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(135deg,rgba(16,37,46,.96),rgba(7,22,29,.96));box-shadow:0 12px 34px rgba(0,0,0,.2);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.linkhub-link:hover{transform:translateY(-2px);border-color:rgba(243,191,53,.6);box-shadow:0 17px 40px rgba(0,0,0,.32)}.linkhub-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.07);color:var(--gold)}.linkhub-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.linkhub-icon svg .fill,.is-youtube .linkhub-icon svg path:first-child,.is-facebook .linkhub-icon svg path,.is-tiktok .linkhub-icon svg path{fill:currentColor;stroke:none}.linkhub-link strong,.linkhub-link small{display:block}.linkhub-link strong{font-size:17px}.linkhub-link small{margin-top:4px;color:var(--muted);font-size:12px}.linkhub-link>b{color:var(--muted);font-size:29px;font-weight:400}.linkhub-qr-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 18px 50px rgba(0,0,0,.28)}.linkhub-qr-card h2{margin:7px 0 8px;font-size:22px}.linkhub-qr-card p:not(.linkhub-kicker){margin:0;color:var(--muted);font-size:13px;line-height:1.55}.linkhub-qr{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:150px;height:150px;padding:10px;border-radius:17px;background:#fff}.linkhub-qr canvas{display:block;width:130px!important;height:130px!important}.linkhub-qr-actions{display:flex;gap:8px;flex-wrap:wrap}.linkhub-qr-actions button{min-height:39px;padding:9px 13px;border:1px solid rgba(243,191,53,.36);border-radius:999px;background:rgba(243,191,53,.1);color:var(--gold);font:inherit;font-size:12px;font-weight:850;cursor:pointer}.linkhub-qr-actions button:hover{background:var(--gold);color:#061016}.linkhub-qr-card output{grid-column:1;font-size:12px;color:var(--gold)}.linkhub-shell>footer{margin-top:26px;color:#798990;text-align:center;font-size:11px}
@media(max-width:560px){.linkhub-shell{padding-inline:12px}.linkhub-logo{width:106px;height:106px;border-radius:27px}.linkhub-logo img{width:90px;height:90px}.linkhub-link{grid-template-columns:48px minmax(0,1fr) 16px;gap:11px;min-height:74px;padding:11px 14px 11px 11px;border-radius:18px}.linkhub-icon{width:48px;height:48px;border-radius:14px}.linkhub-link strong{font-size:15px}.linkhub-qr-card{grid-template-columns:1fr;justify-items:center;text-align:center;padding:21px}.linkhub-qr{grid-column:1;grid-row:auto}.linkhub-qr-actions{justify-content:center}.linkhub-qr-card output{grid-column:1}}
@media(prefers-reduced-motion:reduce){.linkhub-link{transition:none}}
