:root{--deep-purple:#160b20;--joker-purple:#4d176d;--slime-green:#b7ff00;--electric-green:#d5ff5b}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background-color:var(--deep-purple);background-image:radial-gradient(ellipse at 14% 18%,rgba(183,255,0,.08),transparent 34%),radial-gradient(ellipse at 50% 120%,var(--joker-purple) 0,var(--deep-purple) 60%);background-attachment:fixed;background-repeat:no-repeat;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem 0;color:#fff;font-family:"Helvetica Neue",Arial,sans-serif;text-align:center}body::before{position:fixed;z-index:0;inset:0;background-image:radial-gradient(circle,rgba(213,255,91,.35) .45px,transparent .75px),radial-gradient(circle,rgba(255,255,255,.2) .4px,transparent .7px);background-position:0 0,1px 1px;background-size:3px 3px,5px 5px;content:"";opacity:.15;pointer-events:none}main{position:relative;z-index:1}.logo{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(4rem, 22vw, 14rem);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(90deg,var(--slime-green),var(--electric-green),var(--joker-purple),var(--deep-purple),var(--slime-green));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:20s linear infinite shift}.tagline{margin:2rem 0;font-size:clamp(.75rem, 2.5vw, 1rem);letter-spacing:.4em;text-transform:uppercase;opacity:.5}.buttons{display:flex;flex-direction:column;width:90vw;max-width:480px;margin:0 auto}.circle{display:flex;align-items:center;justify-content:center;margin:10px;padding:10px 20px;border:1px solid transparent;background:linear-gradient(var(--deep-purple),var(--deep-purple)) padding-box,linear-gradient(110deg,var(--slime-green),var(--joker-purple),var(--slime-green)) border-box;border-radius:30px;color:#fff;font-size:20px;text-decoration:none;transition:transform .2s,box-shadow .3s}.circle i{margin-right:10px;font-size:24px}.circle:hover{background:linear-gradient(var(--deep-purple),var(--deep-purple)) padding-box,linear-gradient(110deg,var(--electric-green),var(--joker-purple),var(--electric-green)) border-box;box-shadow:0 0 18px rgba(183,255,0,.2);transform:translateY(-2px)}@keyframes shift{to{background-position:300% 0}}.bio{width:90vw;max-width:680px;margin:0 auto;padding:1rem 0 3rem}.bio-photo{display:block;width:220px;height:220px;margin:1.5rem auto;border-radius:50%;border:4px solid var(--slime-green);box-shadow:0 0 30px rgba(183,255,0,.2);object-fit:cover}.bio-text{font-size:1.25rem;line-height:1.6;text-align:left}.dj-name{color:var(--slime-green);font-weight:900}.pronounce{font-size:.9em;font-style:italic;opacity:.7}.bio h2{margin:2rem 0 .75rem;font-size:1.5rem;text-align:center}.bio ul{margin:0 auto;padding-left:1.5rem;font-size:1.15rem;line-height:1.8;text-align:left}.bio a{color:var(--slime-green)}.bio .logo-link{display:block;text-decoration:none}.bio .circle{color:#fff;margin-top:2rem}@media (prefers-reduced-motion:reduce){.logo{animation:none}}