:root{--bg-dark: #0e0e0e;--bg-light: #151515;--text-primary: #f5f5f5;--text-secondary: #b5b5b5;--accent: #c9a24d}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Montserrat,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Montserrat,Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{padding:1.5rem 0;position:absolute;width:100%;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:1.5rem;letter-spacing:1px;cursor:pointer}.nav-links{display:flex;align-items:center;gap:1.2rem;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);flex-wrap:wrap;margin-top:.5rem}.language-switcher{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase}.page-header{padding:5rem 0 3rem;text-align:center}.page-header h1{font-family:Poppins,Playfair Display,serif;font-weight:600;font-size:2.4rem;margin-bottom:1rem}.page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0009,#000000e6),url(https://images.unsplash.com/photo-1518972559570-7cc1309f3229?auto=format&fit=crop&w=1950&q=80) center/cover no-repeat;text-align:center;padding:0 1rem}.hero-content{max-width:600px}.hero h1{font-family:Poppins,Playfair Display,serif;font-size:2.6rem;font-weight:600;margin-bottom:1rem}.hero p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.cta{display:inline-block;padding:.8rem 2rem;border:1px solid var(--accent);color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:.8rem;transition:all .3s ease}.cta:hover{background-color:var(--accent);color:#000}.dj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.dj-card{background-color:#0f0f0f;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.05);text-align:center;transition:transform .3s ease,border-color .3s ease}.dj-card:hover{transform:translateY(-3px);border-color:#c9a24d66}.dj-card h3{font-size:1.3rem;margin-bottom:.5rem}.dj-card span{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}footer{padding:2rem 0;background-color:var(--bg-dark);text-align:center;font-size:.8rem;color:var(--text-secondary)}.social-icon{margin-left:1rem;display:inline-block;vertical-align:middle;color:var(--accent);transition:color .3s ease}.social-icon:hover{color:#fff}@media(max-width:768px){.page-header h1{font-size:2rem;padding-top:30px}.page-header p{font-size:.95rem}.nav{flex-direction:column;align-items:flex-start;gap:.5rem}.nav-links{flex-direction:row;flex-wrap:wrap;gap:.8rem;font-size:.8rem;margin-top:.3rem}.dj-grid{gap:1.5rem}.dj-card{padding:2rem 1rem}.dj-card h3{font-size:1.2rem}.dj-card span{font-size:.7rem}}@media(max-width:480px){.page-header h1{font-size:1.8rem}.page-header p{font-size:.9rem}.dj-grid{gap:1rem}.dj-card{padding:1.8rem 1rem}.dj-card h3{font-size:1.1rem}.dj-card span{font-size:.65rem}.nav-links{gap:.6rem;font-size:.75rem}.language-switcher{font-size:.65rem}}form{display:flex;flex-direction:column;gap:1.2rem;max-width:600px;margin:0 auto 4rem}input,textarea{padding:.7rem 1rem;background:#0f0f0f;border:1px solid rgba(255,255,255,.05);color:var(--text-primary);font-size:.95rem}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:150px}button{padding:.8rem 1.8rem;border:1px solid var(--accent);background:none;color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--accent);color:#000}@media(max-width:768px){form{gap:1rem}input,textarea{font-size:.9rem;padding:.65rem .9rem}button{font-size:.75rem;padding:.7rem 1.5rem}}@media(max-width:480px){input,textarea{font-size:.85rem;padding:.6rem .8rem}button{font-size:.7rem;padding:.6rem 1.4rem}}.app-wrapper{display:flex;flex-direction:column;min-height:110vh}.main-content{flex:1;display:flex;flex-direction:column}
