@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--djflix-bg:#050208;--djflix-bg-alt:#0b0614;--djflix-bg-card:#0b06148c;--djflix-bg-glass:#ffffff08;--djflix-neon-blue:#2fb4ff;--djflix-neon-purple:#8b2fff;--djflix-neon-pink:#ff2fd1;--djflix-neon-cyan:#00cfff;--djflix-chrome-start:#e8ecf5;--djflix-chrome-end:#9aa3b5;--djflix-text:#f4f5f8;--djflix-text-muted:#8a8fa3;--djflix-text-subtle:#5a5f74;--djflix-gradient:linear-gradient(90deg, var(--djflix-neon-blue), var(--djflix-neon-purple), var(--djflix-neon-pink));--djflix-gradient-vert:linear-gradient(180deg, var(--djflix-neon-purple), var(--djflix-neon-pink));--djflix-gradient-text:linear-gradient(135deg, var(--djflix-chrome-start), var(--djflix-chrome-end));--djflix-gradient-logo:linear-gradient(90deg, var(--djflix-neon-purple), var(--djflix-neon-pink));--djflix-gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%, #8b2fff2e 0%, #2fb4ff14 40%, transparent 70%);--djflix-glow-purple:0 0 30px #8b2fff73;--djflix-glow-pink:0 0 30px #ff2fd173;--djflix-glow-blue:0 0 30px #2fb4ff73;--djflix-glow-card:0 20px 60px #050208b3, 0 0 30px #8b2fff26;--djflix-border:#ffffff0f;--djflix-border-neon:#8b2fff59;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:32px;--r-pill:100px}:is(body:has(.dashboard-layout) .navbar,body:has(.dashboard-layout) .footer){display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--djflix-bg);color:var(--djflix-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.logo-font{text-transform:uppercase;letter-spacing:-.02em;font-family:Archivo Black,Impact,sans-serif;font-style:italic;line-height:1.1}h1{background:var(--djflix-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5rem)}h2{color:var(--djflix-text);border-left:4px solid var(--djflix-neon-purple);margin:2.5rem 0 1.5rem;padding-left:1rem;font-size:clamp(1.8rem,4vw,2.6rem)}h3{color:var(--djflix-text);font-size:1.4rem}h4{color:var(--djflix-text);font-size:1.1rem}p{color:var(--djflix-text-muted);line-height:1.7}a{color:var(--djflix-neon-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--djflix-neon-purple)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:2.5rem;margin-top:2rem;display:grid}.section-pad{padding:6rem 0}.section-pad-sm{padding:3.5rem 0}.text-center{text-align:center}.text-gradient{background:var(--djflix-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-logo{background:var(--djflix-gradient-logo);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pill-tag{text-transform:uppercase;letter-spacing:.15em;border-radius:var(--r-pill);color:var(--djflix-text-muted);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:800;display:inline-flex}.pill-tag.active{background:var(--djflix-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 15px #8b2fff66}.pill-tag.blue{color:var(--djflix-neon-blue);border-color:#2fb4ff4d}.pill-tag.purple{color:var(--djflix-neon-purple);border-color:#8b2fff4d}.pill-tag.pink{color:var(--djflix-neon-pink);border-color:#ff2fd14d}.btn-primary{background:var(--djflix-gradient);color:#fff;text-transform:uppercase;letter-spacing:.07em;border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 2rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 0 35px #ff2fd18c,0 0 12px #2fb4ff66}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--djflix-text);text-transform:uppercase;letter-spacing:.07em;border-radius:var(--r-sm);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 2rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--djflix-neon-blue);color:var(--djflix-text);background:#ffffff17;box-shadow:0 0 20px #2fb4ff40}.btn-icon{background:var(--djflix-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 20px #ff2fd180}.btn-icon:hover{transform:scale(1.1);box-shadow:0 0 30px #ff2fd1b3}.glass-card{background:var(--djflix-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--djflix-border);border-radius:var(--r-lg);padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#8b2fff66,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{box-shadow:var(--djflix-glow-card);border-color:#8b2fff4d;transform:translateY(-6px)}.glass-card:hover:before{opacity:1}.form-group{margin-bottom:1.5rem}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--djflix-text);margin-bottom:.5rem;font-size:.82rem;font-weight:700;display:block}.form-input,.form-select{border-radius:var(--r-sm);width:100%;color:var(--djflix-text);background:#ffffff0a;border:1px solid #ffffff17;padding:.9rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .25s}.form-input::placeholder{color:var(--djflix-text-subtle)}.form-input:focus,.form-select:focus{border-color:var(--djflix-neon-purple);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #8b2fff33}.form-select{background-color:var(--djflix-bg-alt);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8FA3' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.vinyl-record{background:radial-gradient(circle,#0e0a16 18%,#151120 18.5%,#100d1b 20%,#050208 20.5% 22.5%,#1b162a 23.5%,#050208 55%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative;box-shadow:0 10px 50px #000000e6,inset 0 0 30px #ffffff0a,0 0 40px #8b2fff26}.vinyl-record:before{content:"";background:repeating-radial-gradient(circle,#0000,#0000 2px,#ffffff06 2.5px 3px);border-radius:50%;width:97%;height:97%;position:absolute}.vinyl-center{background:var(--djflix-gradient);z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:90px;height:90px;display:flex;box-shadow:0 0 25px #8b2fff99}.vinyl-hole{background:var(--djflix-bg);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 4px #000000e6}.vinyl-animate{animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lightning-divider{justify-content:center;align-items:center;max-width:700px;height:40px;margin:4rem auto;display:flex}.lightning-line{background:linear-gradient(90deg,#0000,#8b2fff80,#0000);flex-grow:1;height:1px}.lightning-icon{width:28px;height:28px;color:var(--djflix-neon-pink);filter:drop-shadow(0 0 10px var(--djflix-neon-pink));margin:0 1rem;animation:4s infinite alternate flicker}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;filter:drop-shadow(0 0 10px var(--djflix-neon-pink))}20%,24%,55%{opacity:.3;filter:none}}.waveform-container{align-items:flex-end;gap:3px;height:50px;padding:0 4px;display:flex}.waveform-bar{background:#ffffff1f;border-radius:2px;flex:1;min-height:4px;transition:height .1s,background-color .2s}.waveform-bar.active{background-image:linear-gradient(to top, var(--djflix-neon-blue), var(--djflix-neon-purple))}.waveform-bar.playing{animation:1.2s ease-in-out infinite alternate wave-bar}@keyframes wave-bar{0%{height:10%}to{height:100%}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--djflix-border);background:#050208d1;width:100%;padding:.9rem 2rem;transition:background .3s,box-shadow .3s;position:sticky;top:0}.navbar.scrolled{background:#050208f5;box-shadow:0 4px 30px #00000080}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1250px;margin:0 auto;display:flex}.pillars-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-pill);background:#0b061499;border:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex}.pillar-item{color:var(--djflix-text);border-radius:50px;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem 1rem;text-decoration:none;transition:all .25s;display:flex}.pillar-item:hover,.pillar-item.active{color:#fff;background:#8b2fff26}.pillar-item.active .pillar-title{background:var(--djflix-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pillar-title{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-family:Archivo Black,sans-serif;font-size:.85rem;font-style:italic;display:flex}.pillar-subtitle{text-transform:uppercase;letter-spacing:.12em;color:var(--djflix-text-muted);font-size:.58rem;font-weight:700}.pillar-divider{background:#ffffff14;flex-shrink:0;width:1px;height:30px}.footer{border-top:1px solid var(--djflix-border);background:var(--djflix-bg);padding:4rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";background:var(--djflix-gradient);opacity:.5;width:600px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--djflix-text-muted);text-align:center;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800}.hero-particle{pointer-events:none;border-radius:50%;position:absolute}.hero-particle.p1{background:var(--djflix-neon-blue);width:3px;height:3px;box-shadow:0 0 8px var(--djflix-neon-blue);animation:8s ease-in-out infinite float-p}.hero-particle.p2{background:var(--djflix-neon-pink);width:2px;height:2px;box-shadow:0 0 6px var(--djflix-neon-pink);animation:12s ease-in-out infinite reverse float-p}.hero-particle.p3{background:var(--djflix-neon-purple);width:4px;height:4px;box-shadow:0 0 10px var(--djflix-neon-purple);animation:10s ease-in-out 2s infinite float-p}@keyframes float-p{0%{opacity:.6;transform:translateY(0)translate(0)scale(1)}33%{opacity:1;transform:translateY(-30px)translate(20px)scale(1.2)}66%{opacity:.8;transform:translateY(-15px)translate(-15px)scale(.9)}to{opacity:.6;transform:translateY(0)translate(0)scale(1)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.reveal-right.visible{opacity:1;transform:translate(0)}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:80ms}.stagger>:nth-child(3){transition-delay:.16s}.stagger>:nth-child(4){transition-delay:.24s}.stagger>:nth-child(5){transition-delay:.32s}.stagger>:nth-child(6){transition-delay:.4s}.glow-purple{animation:3s ease-in-out infinite alternate glow-p}@keyframes glow-p{0%{box-shadow:0 0 15px #8b2fff4d}to{box-shadow:0 0 40px #8b2fffb3}}.glow-pink{animation:3s ease-in-out infinite alternate glow-pk}@keyframes glow-pk{0%{box-shadow:0 0 15px #ff2fd14d}to{box-shadow:0 0 40px #ff2fd1b3}}.stat-card{flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 2rem;display:flex}.stat-number{background:var(--djflix-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Archivo Black,sans-serif;font-size:2.8rem;font-style:italic;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.15em;color:var(--djflix-text-muted);font-size:.75rem;font-weight:700}.dj-card{position:relative;overflow:hidden}.dj-card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#0000 60%,#8b2fff0d);position:absolute;inset:0}.dj-avatar{object-fit:cover;border:2px solid #8b2fff80;border-radius:50%;width:64px;height:64px;transition:border-color .3s,box-shadow .3s;box-shadow:0 0 20px #8b2fff4d}.dj-card:hover .dj-avatar{border-color:var(--djflix-neon-pink);box-shadow:0 0 25px #ff2fd180}.search-bar{align-items:center;width:100%;max-width:700px;margin:0 auto;display:flex;position:relative}.search-bar input{border-radius:var(--r-pill);width:100%;color:var(--djflix-text);background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem 1.2rem 1rem 3.2rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.search-bar input:focus{border-color:var(--djflix-neon-purple);background:#ffffff12;outline:none;box-shadow:0 0 0 3px #8b2fff33,0 0 30px #8b2fff26}.search-bar .search-icon{color:var(--djflix-text-muted);pointer-events:none;position:absolute;left:1rem}.search-bar .search-btn{background:var(--djflix-gradient);border-radius:var(--r-pill);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;padding:.65rem 1.4rem;font-size:.82rem;font-weight:700;transition:box-shadow .2s;position:absolute;right:6px}.search-bar .search-btn:hover{box-shadow:0 0 20px #ff2fd180}.filter-row{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0;display:flex}.filter-pill{border-radius:var(--r-pill);color:var(--djflix-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;padding:.4rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.filter-pill:hover{color:var(--djflix-text);background:#8b2fff1a;border-color:#8b2fff66}.filter-pill.selected{border-color:var(--djflix-neon-purple);color:#fff;background:#8b2fff33}.event-card{flex-direction:column;gap:1rem;display:flex;position:relative;overflow:hidden}.event-date-badge{border-radius:var(--r-sm);background:var(--djflix-gradient);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.event-date-badge .day{font-family:Archivo Black,sans-serif;font-size:1.4rem;font-style:italic;line-height:1}.event-date-badge .month{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:800}.track-card{background:var(--djflix-bg-card);border:1px solid var(--djflix-border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;transition:all .25s;display:flex}.track-card:hover{background:#8b2fff0f;border-color:#8b2fff4d;transform:translate(4px)}.hero-bg{pointer-events:none;background:radial-gradient(90% 70% at 50% -10%,#8b2fff2e 0%,#0000 60%),radial-gradient(40% 40% at 80%,#2fb4ff14 0%,#0000 60%),radial-gradient(40% 40% at 20% 70%,#ff2fd10f 0%,#0000 60%);position:absolute;inset:0}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.8s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.role-card{border-radius:var(--r-lg);cursor:pointer;text-align:center;background:#ffffff08;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.role-card:hover{background:#8b2fff14;border-color:#8b2fff66;transform:translateY(-4px)}.role-card.selected{border-color:var(--djflix-neon-purple);background:#8b2fff26;box-shadow:0 0 30px #8b2fff40}.role-icon{background:var(--djflix-gradient);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 20px #8b2fff66}@media (max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}.navbar{padding:.8rem 1rem}.pillars-nav{gap:.2rem;padding:.4rem}.pillar-subtitle{display:none}.pillar-item{padding:.4rem .7rem}h1{font-size:clamp(2rem,8vw,3.5rem)}h2{font-size:1.8rem}.section-pad{padding:4rem 0}.stat-number{font-size:2rem}}@media (max-width:480px){.container{padding:0 1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:.82rem}}