@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Oswald:wght@500;700&display=swap";:root{--color-bg: #050505;--color-surface: #111111;--color-primary: #a855f7;--color-secondary: #0ea5e9;--color-accent: #f43f5e;--color-text: #f3f4f6;--color-text-dim: #9ca3af;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Oswald", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}.glitch-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.glitch{font-family:var(--font-display);font-size:4rem;font-weight:700;text-transform:uppercase;color:var(--color-text);position:relative;letter-spacing:2px}@media(max-width:768px){.glitch{font-size:2.5rem}}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 var(--color-accent);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 var(--color-secondary);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(17px,9999px,94px,0)}20%{clip:rect(56px,9999px,6px,0)}40%{clip:rect(12px,9999px,59px,0)}60%{clip:rect(98px,9999px,2px,0)}80%{clip:rect(44px,9999px,49px,0)}to{clip:rect(1px,9999px,16px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(2px,9999px,21px,0)}40%{clip:rect(88px,9999px,16px,0)}60%{clip:rect(8px,9999px,11px,0)}80%{clip:rect(51px,9999px,83px,0)}to{clip:rect(79px,9999px,24px,0)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-header{padding:1.5rem 2rem;background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:1px;color:var(--color-primary)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--color-text-dim);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s}.nav-links a:hover{color:var(--color-primary)}main{flex:1;padding-top:80px}.hero-container{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,#1a1a1a,#050505 70%);padding:2rem}.hero-subtitle{font-family:var(--font-display);color:var(--color-primary);font-size:1.5rem;letter-spacing:8px;margin-top:1rem;opacity:.8}.hero-tagline{margin-top:2rem;color:var(--color-text-dim);font-size:1rem;letter-spacing:2px;text-transform:uppercase}.featured-artist-section{max-width:1200px;margin:4rem auto;padding:2rem}.section-title{font-family:var(--font-display);font-size:2.5rem;margin-bottom:3rem;text-align:left;border-left:4px solid var(--color-secondary);padding-left:1rem;text-transform:uppercase}.artist-card{background:var(--color-surface);border:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;gap:2rem;transition:transform .3s}.artist-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #0ea5e926;border-color:var(--color-secondary)}.artist-image-placeholder{flex:1 1 300px;min-height:300px;background:#222;display:flex;justify-content:center;align-items:center;color:#444;font-family:var(--font-display);letter-spacing:2px;position:relative;overflow:hidden}.artist-image-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:200% 200%;animation:shine 3s infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.artist-info{flex:1 1 300px;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.artist-info h3{font-family:var(--font-display);font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.artist-info p{color:var(--color-text-dim);margin-bottom:2rem}.listen-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:1rem 2rem;font-family:var(--font-display);font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s;text-transform:uppercase}.listen-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 0 20px #a855f766}.listen-btn.secondary{border-color:var(--color-text-dim);color:var(--color-text-dim)}.listen-btn.secondary:hover{background:var(--color-text-dim);color:#000;box-shadow:0 0 20px #fff3}.mc2-card .artist-image-container{flex:1 1 300px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.mc2-card .artist-image{width:100%;height:100%;object-fit:cover;display:block;min-height:400px;filter:grayscale(100%) contrast(120%);transition:all .5s ease}.mc2-card:hover .artist-image{filter:grayscale(0%) contrast(110%);transform:scale(1.05)}.artist-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(5,5,5,.9),transparent);pointer-events:none;display:flex;align-items:flex-end;padding:1rem}.artist-logo-overlay{width:80px;opacity:.5;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.artist-logo-header{height:60px;margin-bottom:1rem;filter:invert(1)}.artist-bio{font-size:1.1rem;line-height:1.8;border-left:2px solid var(--color-accent);padding-left:1rem;margin-left:-1rem}.artist-actions{display:flex;gap:1rem}.main-footer{text-align:center;padding:2rem;background:#000;color:var(--color-text-dim);font-size:.8rem;margin-top:auto;border-top:1px solid #222}@media(max-width:600px){.nav-links{display:none}}