*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:'Space Grotesk', sans-serif;background:#f8f5f0;color:#1a1a2e;overflow-x:hidden}.bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at 20% 80%, rgba(255,160,60,0.25) 0%, transparent 50%),radial-gradient(ellipse at 80% 20%, rgba(200,120,60,0.25) 0%, transparent 50%),radial-gradient(ellipse at 40% 40%, rgba(255,200,100,0.2) 0%, transparent 40%),radial-gradient(ellipse at 60% 60%, rgba(180,100,50,0.25) 0%, transparent 50%);animation:pulse 8s ease-in-out infinite alternate}@keyframes pulse{0%{filter:hue-rotate(0deg) blur(60px);transform:scale(1)}100%{filter:hue-rotate(60deg) blur(80px);transform:scale(1.1)}}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.avatar-wrapper{margin-bottom:2rem;position:relative}.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,0,0,0.1);box-shadow:0 0 40px rgba(255,160,60,0.3),0 0 80px rgba(200,120,60,0.2);animation:avatar-glow 4s ease-in-out infinite alternate}@keyframes avatar-glow{0%{box-shadow:0 0 40px rgba(255,160,60,0.3),0 0 80px rgba(200,120,60,0.2)}100%{box-shadow:0 0 60px rgba(200,120,60,0.4),0 0 100px rgba(255,160,60,0.3)}}.logo-wrapper{position:relative;cursor:default;animation:float 6s ease-in-out infinite;width:clamp(280px, 60vw, 500px)}.logo{width:100%;height:auto;display:block;position:relative;z-index:1}.logo-glitch{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8}.logo-glitch.magenta{filter:brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(500%) hue-rotate(0deg) brightness(105%) contrast(105%);animation:glitch1 3s infinite}.logo-glitch.cyan{filter:brightness(0) saturate(100%) invert(50%) sepia(80%) saturate(600%) hue-rotate(15deg) brightness(100%) contrast(100%);animation:glitch2 3s infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch1{0%,90%,100%{clip-path:inset(0 0 0 0);transform:translate(0)}92%{clip-path:inset(40% 0 20% 0);transform:translate(-4px, 2px)}94%{clip-path:inset(10% 0 60% 0);transform:translate(4px, -2px)}96%{clip-path:inset(70% 0 5% 0);transform:translate(-2px, 4px)}}@keyframes glitch2{0%,90%,100%{clip-path:inset(0 0 0 0);transform:translate(0)}91%{clip-path:inset(20% 0 40% 0);transform:translate(3px, -3px)}93%{clip-path:inset(50% 0 10% 0);transform:translate(-3px, 3px)}95%{clip-path:inset(5% 0 70% 0);transform:translate(2px, -4px)}}header{display:flex;flex-direction:column;align-items:center}.albums{margin-top:5rem;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.album{text-align:center;width:280px;display:flex;flex-direction:column;align-items:center}.album-art{width:280px;height:280px;background:linear-gradient(135deg, #f5e6d3, #ede0cc);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden;transition:transform 0.4s ease, box-shadow 0.4s ease;cursor:pointer}.album-art img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.album-art::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg, transparent, rgba(255,160,60,0.3), transparent, rgba(200,120,60,0.3), transparent);animation:spin 8s linear infinite;opacity:0;transition:opacity 0.4s ease}.album-art:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 60px rgba(200,120,60,0.35)}.album-art:hover::before{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.album-title{font-size:1.5rem;font-weight:700;margin-bottom:0.25rem;background:linear-gradient(90deg, #1a1a2e, #d4880f, #b86914, #1a1a2e);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}.album-year{font-size:0.9rem;opacity:0.5;margin-bottom:1rem;letter-spacing:0.1em}.links{display:flex;flex-direction:column;gap:0.5rem;width:100%}.link{display:block;padding:0.8rem 1.2rem;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.08);border-radius:8px;color:#1a1a2e;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px);text-align:left;position:relative;overflow:hidden;display:flex;align-items:center;gap:0.75rem}.icon{width:20px;height:20px;flex-shrink:0;opacity:0.8;transition:opacity 0.3s ease}.link:hover .icon{opacity:1}.link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);transition:left 0.5s ease}.link:hover::before{left:100%}.link:hover{background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.15);transform:translateX(4px);box-shadow:-4px 0 20px rgba(200,120,60,0.3)}.link.vinyl{background:linear-gradient(135deg, rgba(255,160,60,0.2), rgba(200,120,60,0.2));border-color:rgba(200,120,60,0.25)}.link:not(.vinyl)+.link.vinyl{margin-top:0.5rem}.link.vinyl:hover{background:linear-gradient(135deg, rgba(255,160,60,0.35), rgba(200,120,60,0.35));box-shadow:-4px 0 25px rgba(200,120,60,0.4)}footer{margin-top:6rem;opacity:0.4;font-size:0.8rem;letter-spacing:0.1em}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#1a1a2e;border-radius:50%;opacity:0.2;animation:float-up 15s linear infinite}@keyframes float-up{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:0.3}90%{opacity:0.3}100%{transform:translateY(-100vh) rotate(720deg);opacity:0}}@media (max-width: 600px){.container{padding:3rem 1.5rem}.albums{gap:3rem;width:100%}.album{width:100%;max-width:320px}.album-art{width:100%;height:auto;aspect-ratio:1}}