:root{--bg-color:#050505;--text-color:#fff;--primary-color:#f0f;--secondary-color:#0ff;--accent-color:#7000ff;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-family:Playfair Display,serif;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 10px var(--primary-color), 0 0 20px var(--primary-color)}50%{text-shadow:0 0 20px var(--primary-color), 0 0 40px var(--primary-color), 0 0 60px var(--accent-color)}to{text-shadow:0 0 10px var(--primary-color), 0 0 20px var(--primary-color)}}header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505cc;justify-content:space-between;align-items:center;height:80px;padding:0 4rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}nav ul{gap:2rem;list-style:none;display:flex}nav a{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s}nav a:hover{color:var(--primary-color)}.lang-selector{border:1px solid var(--glass-border);background:0 0;border-radius:30px;gap:.5rem;padding:.25rem;display:flex}.lang-selector button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:.5rem 1rem;font-family:inherit;font-weight:600;transition:all .3s}.lang-selector button:hover{color:#fff}.lang-selector button.active{background:var(--primary-color);color:#fff;box-shadow:0 0 10px #ff00ff80}.hero{text-align:center;background:radial-gradient(circle,#1a0033 0%,#050505 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero h1{margin-bottom:1rem;font-size:5rem;animation:3s ease-in-out infinite glow}.hero p{color:#ffffffb3;max-width:600px;font-size:1.5rem}.dj-container{width:300px;height:300px;margin-top:3rem;animation:6s ease-in-out infinite float;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dj-placeholder{background:radial-gradient(circle at center, transparent 30%, #000c 31%, #000c 33%, transparent 34%), repeating-radial-gradient(circle at center, #111 0, #111 2px, #222 3px, #111 4px), linear-gradient(135deg, var(--primary-color), var(--accent-color));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:100px;animation:10s linear infinite spin;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #f0f6,inset 0 0 20px #00000080}.dj-placeholder:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.music-section{padding:100px 0}.music-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.spotify-card{padding:1.5rem;transition:transform .3s,box-shadow .3s}.spotify-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff1a}.contact-section{background:#ff00ff05;padding:100px 0}.contact-form{max-width:600px;margin:3rem auto 0;padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:10px;width:100%;padding:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--secondary-color);outline:none}.submit-btn{background:linear-gradient(45deg, var(--primary-color), var(--accent-color));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:10px;width:100%;padding:1rem;font-weight:700;transition:opacity .3s}.submit-btn:hover{opacity:.9}footer{text-align:center;border-top:1px solid var(--glass-border);color:#ffffff80;padding:4rem 0;font-size:.9rem}@media (width<=768px){.hero h1{font-size:3rem}header{padding:0 1rem}nav ul{display:none}}