:root{--card-bg: rgba(60,60,70,.45);--border: rgba(255,255,255,.25);--text: #fff;--muted: rgba(255,255,255,.75);--shadow: 0 12px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#121212;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.video-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:22px;cursor:pointer;z-index:9999}.click{margin:0}.main-container{position:relative;width:min(92vw,520px);margin:56px auto;padding:28px 24px 32px;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease,background .35s ease}.main-container.entered{opacity:1;transform:translateY(0)}.view{position:absolute;top:10px;right:16px;width:20px;height:20px;opacity:.9}.num{position:absolute;top:12px;right:40px;font-size:13px;color:var(--muted)}.pfp{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);box-shadow:0 6px 18px #00000059}.info{display:flex;flex-direction:column;align-items:center;width:100%}.name{margin:8px 0 0;font-size:22px;font-weight:700;text-align:center}.bio{margin:4px 0 0;font-size:13px;color:var(--muted);text-align:center;min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links{width:100%;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.links img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#0003;padding:6px;object-fit:cover;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.links img:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px #00000059;border-color:#fff9}.div1,.div2,.separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);border-radius:1px}.button1,.button2{display:block;width:100%;text-align:center;text-decoration:none;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:17px;transition:transform .12s ease,background .2s ease,border-color .2s ease}.button1:hover,.button2:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff59}.button1:active,.button2:active{transform:translateY(0)}.button1:hover:before,.button2:hover:before{display:none}@media (max-width: 420px){.links img{width:44px;height:44px}.pfp{width:88px;height:88px}.name{font-size:20px}}
