:root{--text-primary:#fff;--text-secondary:#ffffffa6;--bg-color:#000;--accent-color:#00bfff;--accent-glow:#00bfff66;--glass-bg:#14141473;--glass-border:#ffffff14;--apple-ease:cubic-bezier(.16, 1, .3, 1);--transition-speed:.6s;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 15%,#00bfff14,#0000 25%),radial-gradient(circle at 85% 30%,#00bfff0a,#0000 25%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.badge{color:var(--accent-color);animation:badge-pulse 4s infinite var(--apple-ease);background:#ffffff0d;border:1px solid #00bfff1f;border-radius:100px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:flex}@keyframes badge-pulse{0%,to{background:#ffffff12;border-color:#00bfff26}50%{background:#ffffff1f;border-color:#00bfff66}}#root{width:100%;height:100%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--glass-border);border-radius:40px;box-shadow:0 20px 60px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:fadeIn 1s var(--apple-ease) forwards}.animate-slide-up{animation:slideUpFade 1.1s var(--apple-ease) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{width:100%;min-height:100vh;position:relative;overflow:hidden}.bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 0%,#000000d9 100%);width:100%;height:100%;position:fixed;top:0;left:0}.bg-video{z-index:0;object-fit:cover;opacity:.5;filter:sepia(2)hue-rotate(180deg)saturate(2)brightness()blur(15px);pointer-events:none;width:auto;min-width:100%;height:auto;min-height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.entry-screen{z-index:50;cursor:pointer;background-color:#000;justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.16,1,.3,1),visibility 1s;display:flex;position:fixed;inset:0}.entry-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.entry-text{color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:500;animation:2s ease-in-out infinite textGlow}.main-content{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.profile-card{text-align:center;will-change:transform, opacity;width:100%;max-width:440px;transition:transform .4s var(--apple-ease), box-shadow .4s var(--apple-ease);flex-direction:column;align-items:center;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.profile-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0009}.profile-card:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.profile-card:after{content:"";background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,0%), #ffffff0d, transparent 60%);z-index:0;pointer-events:none;opacity:0;transition:opacity .8s var(--apple-ease);position:absolute;inset:0}.profile-card:hover:after{opacity:1}.badges-container{justify-content:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.avatar-container,.badges-container,.username,.bio,.social-links,.card-credits{z-index:2;position:relative}.avatar-container{margin-bottom:2rem;position:relative}.avatar{object-fit:cover;width:110px;height:110px;transition:transform .5s var(--apple-ease);border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 10px 30px #0006}.avatar-container:hover .avatar{transform:scale(1.08)}.status-indicator{background-color:var(--accent-color);width:14px;height:14px;box-shadow:0 0 12px var(--accent-color);border:2px solid #1a1a1a;border-radius:50%;position:absolute;bottom:5px;right:5px}.username{color:#fff;letter-spacing:-1px;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}.bio{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:.95rem;font-weight:400;line-height:1.5}.social-links{flex-direction:column;gap:.8rem;width:100%;display:flex}.social-button{color:#fff;width:100%;transition:all .3s var(--apple-ease);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;padding:.9rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-button:hover{background:#ffffff1a;border-color:#ffffff26;transform:scale(1.02);box-shadow:0 5px 20px #0003}.social-button:active{transform:scale(.97)}.social-icon{width:18px;height:18px}.bottom-views{color:#ffffff59;letter-spacing:.5px;pointer-events:none;justify-content:center;align-items:center;gap:.6rem;font-size:.8rem;display:flex;position:absolute;bottom:2.5rem;left:0;right:0}.card-credits{text-align:center;color:#ffffff40;text-transform:lowercase;margin-top:2rem;font-size:.75rem;font-weight:500}.volume-control{-webkit-backdrop-filter:blur(25px);z-index:100;transition:transform .3s var(--apple-ease), background .3s;background:#1e1e1e80;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:1rem;padding:.7rem 1.2rem;display:flex;position:fixed;bottom:2.5rem;right:2.5rem;box-shadow:0 10px 30px #0000004d}.volume-control:hover{background:#282828b3;transform:translateY(-5px)}.volume-icon{color:#fff;opacity:.9}.volume-slider{-webkit-appearance:none;background:#ffffff26;border-radius:10px;outline:none;width:70px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 10px #0000004d}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.bio:after{content:"";background-color:var(--accent-color);vertical-align:middle;width:2px;height:1.2em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.info-box{-webkit-backdrop-filter:blur(25px);z-index:100;cursor:pointer;width:48px;height:48px;transition:all .6s var(--apple-ease);white-space:nowrap;opacity:0;background:#1e1e1e80;border:1px solid #ffffff14;border-radius:100px;align-items:center;display:flex;position:fixed;bottom:2.5rem;left:2.5rem;overflow:hidden;transform:translate(-50px);box-shadow:0 10px 30px #0000004d}.info-box.visible{opacity:1;transform:translate(0)}.info-box:hover{background:#282828b3;width:200px;transform:translateY(-5px)}.info-box-content{align-items:center;gap:12px;width:max-content;padding:0 14px;display:flex}.info-icon{color:#fff;flex-shrink:0;font-size:1.2rem}.info-text{color:#fff;opacity:0;transition:opacity .4s var(--apple-ease) .1s;font-size:.85rem;font-weight:500}.info-box:hover .info-text{opacity:1}