:root{--bg-color:#050505;--card-bg:rgba(20, 20, 20, 0.6);--card-border:rgba(255, 255, 255, 0.08);--text-main:#f0f0f0;--text-muted:#888888;--accent:#d4af37;--accent-glow:rgba(212, 175, 55, 0.2);--font-sans:'Inter',sans-serif;--font-mono:'Space Mono',monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;display:flex;justify-content:center;-webkit-font-smoothing:antialiased}.noise{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;opacity:.04;background:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.parallax-bg{position:fixed;top:-5%;left:-5%;width:110%;height:110%;background-image:url('assets/dark-room.jpg');background-size:cover;background-position:center;opacity:.15;z-index:0;filter:grayscale(100%) contrast(120%);transition:transform .1s ease-out}.container{position:relative;z-index:10;width:100%;max-width:480px;padding:40px 20px;display:flex;flex-direction:column;gap:24px}.slide-up{opacity:0;transform:translateY(30px);animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px}.insta-profile{display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.profile-top{display:flex;align-items:center;gap:24px}.avatar-container{position:relative;width:80px;height:80px;flex-shrink:0}.avatar-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:linear-gradient(45deg,#333,#666,#111,#333);z-index:1;animation:rotateRing 4s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.avatar{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-color)}.stats{display:flex;justify-content:space-between;flex-grow:1}.stat-box{display:flex;flex-direction:column;align-items:center}.stat-number{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--text-main)}.stat-number.highlight{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px;text-transform:lowercase}.bio-section{display:flex;flex-direction:column;gap:8px}.name{font-size:1.1rem;font-weight:600;letter-spacing:-.5px}.bio-text{font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:#ccc}.featured-banner{position:relative;display:block;text-decoration:none;background:linear-gradient(135deg,rgba(30,30,30,.8) 0,rgba(10,10,10,.9) 100%);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;overflow:hidden;transition:transform .3s ease,border-color .3s ease;box-shadow:0 10px 40px rgba(0,0,0,.8)}.featured-banner:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}.banner-glare{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);animation:glare 4s infinite}@keyframes glare{0%{left:-100%}20%{left:200%}100%{left:200%}}.banner-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.badge{align-self:flex-start;font-size:.65rem;font-weight:700;letter-spacing:1px;padding:4px 8px;background:var(--text-main);color:var(--bg-color);border-radius:4px}.featured-banner h2{font-size:1.2rem;font-weight:600;color:#fff;line-height:1.3}.play-btn{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-muted);transition:color .3s}.play-btn svg{width:16px;height:16px;fill:var(--text-main)}.featured-banner:hover .play-btn{color:var(--text-main)}.links-grid{display:flex;flex-direction:column;gap:12px}.link-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;text-decoration:none;color:var(--text-main);font-weight:500;font-size:1rem;overflow:hidden;backdrop-filter:blur(8px);transition:all .3s ease}.link-title{position:relative;z-index:2;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.arrow{position:relative;z-index:2;font-family:var(--font-mono);opacity:.5;transition:opacity .3s,transform .3s}.link-card:hover{background:rgba(40,40,40,.8);border-color:rgba(255,255,255,.2)}.link-card:hover .arrow{opacity:1;transform:translate(2px,-2px)}.glitch-hover:hover::before{content:attr(data-text);position:absolute;left:24px;text-shadow:2px 0 red;top:50%;transform:translateY(-50%);color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 .3s infinite linear alternate-reverse;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;z-index:3}.glitch-hover:hover::after{content:attr(data-text);position:absolute;left:24px;text-shadow:-2px 0 #00f;top:50%;transform:translateY(-50%);color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim .3s infinite linear alternate-reverse;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;z-index:3}@keyframes noise-anim{0%{clip:rect(3px,9999px,14px,0)}20%{clip:rect(10px,9999px,2px,0)}40%{clip:rect(8px,9999px,20px,0)}60%{clip:rect(18px,9999px,5px,0)}80%{clip:rect(1px,9999px,10px,0)}100%{clip:rect(12px,9999px,8px,0)}}@keyframes noise-anim-2{0%{clip:rect(12px,9999px,1px,0)}20%{clip:rect(2px,9999px,15px,0)}40%{clip:rect(20px,9999px,5px,0)}60%{clip:rect(4px,9999px,18px,0)}80%{clip:rect(10px,9999px,3px,0)}100%{clip:rect(7px,9999px,12px,0)}}@media (max-width:400px){.container{padding:20px 16px}.glass-panel{padding:20px}.avatar-container{width:64px;height:64px}.stat-number{font-size:1rem}.featured-banner h2{font-size:1.1rem}}