*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#0d0d0d;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(600px 600px at 20% 20%,#b11ad02e,#0000),radial-gradient(500px 500px at 80% 70%,#00ebde24,#0000),radial-gradient(400px 400px at 50% 90%,#faf13014,#0000);animation:8s ease-in-out infinite alternate pulseGlow;position:fixed;inset:0}@keyframes pulseGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:linear infinite float;position:absolute}.particle:first-child{background:#b11ad0;width:3px;height:3px;animation-duration:12s;animation-delay:0s;left:10%}.particle:nth-child(2){background:#00ebde;width:2px;height:2px;animation-duration:15s;animation-delay:2s;left:25%}.particle:nth-child(3){background:#faf130;width:4px;height:4px;animation-duration:10s;animation-delay:4s;left:40%}.particle:nth-child(4){background:#b11ad0;width:2px;height:2px;animation-duration:14s;animation-delay:1s;left:55%}.particle:nth-child(5){background:#00ebde;width:3px;height:3px;animation-duration:11s;animation-delay:3s;left:70%}.particle:nth-child(6){background:#faf130;width:2px;height:2px;animation-duration:13s;animation-delay:5s;left:85%}.particle:nth-child(7){background:#b11ad0;width:3px;height:3px;animation-duration:16s;animation-delay:6s;left:35%}.particle:nth-child(8){background:#00ebde;width:2px;height:2px;animation-duration:9s;animation-delay:2s;left:60%}.particle:nth-child(9){background:#faf130;width:4px;height:4px;animation-duration:12s;animation-delay:7s;left:15%}.particle:nth-child(10){background:#b11ad0;width:2px;height:2px;animation-duration:14s;animation-delay:0s;left:80%}.particle:nth-child(11){background:#00ebde;width:3px;height:3px;animation-duration:11s;animation-delay:4s;left:45%}.particle:nth-child(12){background:#faf130;width:2px;height:2px;animation-duration:13s;animation-delay:1s;left:90%}@keyframes float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1)}}.container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 20px 60px;display:flex;position:relative}.avatar-wrapper{cursor:pointer;margin-bottom:20px;text-decoration:none;position:relative}.avatar-wrapper:before{content:"";background:conic-gradient(#b11ad0,#00ebde,#faf130,#b11ad0);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.avatar-circle{border:3px solid #0d0d0d;border-radius:50%;width:120px;height:120px;position:relative;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-blur{filter:blur(6px);transform:scale(1.1)}.username{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:1.75rem;font-weight:800}.bio{color:#fff9;text-align:center;white-space:nowrap;max-width:380px;margin-bottom:36px;font-size:.95rem;font-weight:400;line-height:1.4}.links{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.link-btn{letter-spacing:.04em;color:#fff;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.link-btn:active{transform:scale(.97)}.link-btn:hover{transform:translateY(-2px)scale(1.02)}.btn-streamscope .btn-icon{margin-right:-4px}.btn-streamscope{background:linear-gradient(135deg,#b11ad0 0%,#8a10a8 100%);box-shadow:0 4px 24px #b11ad04d}.btn-streamscope:hover{box-shadow:0 8px 40px #b11ad080}.btn-discord{background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);box-shadow:0 4px 24px #5865f24d}.btn-discord:hover{box-shadow:0 8px 40px #5865f280}.btn-icon{flex-shrink:0;width:22px;height:22px}.footer{color:#fff3;text-align:center;margin-top:48px;font-size:.75rem}@media (width<=400px){.avatar-circle{width:100px;height:100px}.username{font-size:1.5rem}.link-btn{border-radius:12px;padding:16px 20px;font-size:.9rem}}@media (width>=768px){.container{padding:80px 20px}.avatar-circle{width:140px;height:140px}.username{font-size:2rem}}@supports (padding-top:env(safe-area-inset-top)){.container{padding-top:calc(48px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom))}}