*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-card:#12121c;--bg-card-hover:#1a1a2a;--border:#ffffff0f;--border-light:#ffffff1a;--text:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#5a5a70;--purple:#a855f7;--purple-dim:#a855f71f;--purple-glow:#a855f740;--radius:16px;--radius-sm:12px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{opacity:0;max-width:440px;margin:0 auto;padding:40px 20px 60px;transition:opacity .6s,transform .6s;position:relative;transform:translateY(12px)}.page.mounted{opacity:1;transform:translateY(0)}.bg-glow{background:radial-gradient(circle,var(--purple-glow)0%,transparent 70%);pointer-events:none;z-index:0;opacity:.4;width:600px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.profile{text-align:center;z-index:1;flex-direction:column;align-items:center;margin-bottom:32px;display:flex;position:relative}.avatar-ring{background:linear-gradient(135deg,var(--purple),#6366f1,#ec4899);border-radius:50%;width:110px;height:110px;margin-bottom:16px;padding:3px;animation:3s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{box-shadow:0 0 20px var(--purple-glow)}50%{box-shadow:0 0 40px var(--purple-glow),0 0 60px #a855f71a}}.avatar{object-fit:cover;background:var(--bg);border:3px solid var(--bg);border-radius:50%;width:100%;height:100%}.name{letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.tagline{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.badges{gap:6px;display:flex}.badge{color:var(--purple);background:var(--purple-dim);letter-spacing:.3px;border:1px solid #a855f726;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.links{z-index:1;flex-direction:column;gap:10px;margin-bottom:32px;display:flex;position:relative}.link-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.link-card:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.link-card:hover,.link-card:active{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:0 8px 24px #0000004d,0 0 0 1px var(--border-light);transform:translateY(-2px)}.link-card:hover:before{opacity:1}.link-card:active{transform:translateY(0)scale(.98)}.link-icon{border-radius:var(--radius-sm);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.link-text{flex:1;min-width:0}.link-label{letter-spacing:-.2px;font-size:14px;font-weight:700;display:block}.link-sub{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.link-arrow{color:var(--text-muted);flex-shrink:0;font-size:16px;transition:all .25s}.link-card:hover .link-arrow{color:var(--text);transform:translate(3px)}.section{z-index:1;margin-bottom:24px;position:relative}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}.beat-player{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.beat-player iframe{display:block}.cta-btn{background:linear-gradient(135deg,var(--purple),#6366f1);color:#fff;border-radius:var(--radius-sm);text-align:center;cursor:pointer;letter-spacing:-.2px;border:none;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.cta-btn:hover{box-shadow:0 4px 20px var(--purple-glow);transform:translateY(-1px)}.cta-btn:active{transform:scale(.98)}.contact-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.contact-toggle:hover{background:var(--bg-card-hover);color:var(--text)}.contact-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;margin-top:10px;padding:16px;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.contact-text{color:var(--text-secondary);margin-bottom:10px;font-size:13px}.contact-link{background:var(--purple-dim);color:var(--purple);border:1px solid #a855f733;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.contact-link:hover{background:#a855f733;transform:scale(1.03)}.contact-note{color:var(--text-muted);margin-top:8px;font-size:11px}.share-btn{background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.share-btn:hover{background:var(--bg-card-hover);color:var(--text);transform:scale(1.08)}.share-btn:active{transform:scale(.95)}.footer{text-align:center;color:var(--text-muted);z-index:1;padding:20px 0;font-size:11px;position:relative}@media (max-width:480px){.page{padding:30px 16px 50px}.avatar-ring{width:90px;height:90px}.name{font-size:24px}.link-card{gap:12px;padding:12px 14px}.link-icon{width:38px;height:38px;font-size:18px}.share-btn{width:36px;height:36px;font-size:16px;top:14px;right:14px}}