@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #a855f7;--primary-dark: #7c3aed;--primary-light: #c084fc;--accent: #ec4899;--bg-dark: #0a0a0f;--bg-card: rgba(15, 15, 25, .85);--text-primary: #ffffff;--text-secondary: #a1a1aa;--border-color: rgba(168, 85, 247, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);min-height:100vh;overflow-x:hidden}.profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.05) 0%,transparent 70%),linear-gradient(180deg,#0a0a0f,#0f0f1a,#0a0a0f);z-index:-3}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-2;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.bg-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);z-index:-1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--primary);border-radius:50%;left:var(--x);bottom:-10px;opacity:0;animation:particleFloat var(--duration) var(--delay) infinite}@keyframes particleFloat{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(1);opacity:0}}.profile-card{position:relative;width:100%;max-width:400px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 0 40px #a855f71a,0 25px 50px -12px #00000080;animation:cardFloat 6s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary),transparent 30%);animation:cardGlowSpin 8s linear infinite;opacity:.1}@keyframes cardGlowSpin{to{transform:rotate(360deg)}}.banner{height:120px;background:linear-gradient(135deg,var(--primary-dark),var(--accent),var(--primary));background-size:200% 200%;animation:bannerGradient 5s ease infinite;position:relative}@keyframes bannerGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.avatar-link{display:block;text-decoration:none;margin-top:-50px;position:relative;z-index:10}.avatar-container{width:100px;height:100px;margin:0 auto;position:relative;cursor:pointer}.avatar{width:100%;height:100%;border-radius:50%;border:4px solid var(--bg-dark);object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.avatar-link:hover .avatar{transform:scale(1.05);box-shadow:0 0 30px #a855f780}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--primary);opacity:.5;animation:ringPulse 2s ease-in-out infinite}.avatar-ring-outer{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1px solid var(--primary);opacity:.2;animation:ringPulse 2s ease-in-out infinite .5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.2}}.status-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border-radius:50%;border:4px solid var(--bg-dark);background:#747f8d;transition:background .3s ease}.status-indicator.online{background:#23a55a;box-shadow:0 0 10px #23a55a}.status-indicator.idle{background:#f0b232;box-shadow:0 0 10px #f0b232}.status-indicator.dnd{background:#f23f43;box-shadow:0 0 10px #f23f43}.status-indicator.offline{background:#80848e}.user-info{padding:15px 25px 0;text-align:center}.username-link{text-decoration:none}.username{position:relative;display:inline-block;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.username-text{position:relative;z-index:1;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.username-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--accent),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:glitch 3s infinite}@keyframes glitch{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.8;transform:translate(-2px,1px)}92%{opacity:0;transform:translate(2px,-1px)}93%{opacity:.8;transform:translate(1px,2px)}94%{opacity:0}}.badges{display:flex;justify-content:center;gap:8px;margin-top:5px}.badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#a855f726;border-radius:8px;border:1px solid rgba(168,85,247,.3);transition:all .3s ease;cursor:pointer}.badge:hover{transform:scale(1.1);background:#a855f740;box-shadow:0 0 15px #a855f74d}.badge img{width:20px;height:20px}.badge.verified{background:#5865f226;border-color:#5865f24d}.badge.verified svg{width:16px;height:16px;fill:#5865f2}.divider{height:1px;margin:20px 25px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.bio-section{padding:0 25px}.section-title{font-size:.7rem;font-weight:700;color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:10px}.bio-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.role-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#a855f726,#ec489926);border:1px solid rgba(168,85,247,.25);border-radius:20px;font-size:.85rem;color:var(--primary-light)}.role-icon{font-size:1rem}.quote-section{padding:20px 25px;position:relative}.quote-mark{position:absolute;top:10px;left:20px;font-size:3rem;font-family:Georgia,serif;color:var(--primary);opacity:.2;line-height:1}.quote-text{font-style:italic;font-size:.95rem;color:var(--primary-light);padding-left:20px;border-left:2px solid var(--primary);margin-left:10px}.social-links{display:flex;justify-content:center;gap:12px;padding:10px 25px 20px}.social-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-secondary);transition:all .3s ease}.social-btn svg{width:22px;height:22px}.social-btn:hover{transform:translateY(-3px);background:#5865f233;border-color:#5865f2;color:#5865f2;box-shadow:0 10px 20px #5865f233}.social-btn.discord:hover{background:#5865f233;border-color:#5865f2;color:#5865f2}.view-counter{display:flex;align-items:center;justify-content:center;gap:6px;padding:15px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary)}.view-counter svg{width:16px;height:16px;opacity:.7}@media(max-width:480px){.profile-card{border-radius:16px}.banner{height:100px}.avatar-container{width:85px;height:85px}.avatar-link{margin-top:-42px}.username{font-size:1.5rem}.bio-section,.quote-section,.social-links{padding-left:20px;padding-right:20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}