/* Styles minimaux pour structure et lisibilité — le design complet viendra plus tard */
:root{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
html,body{height:100%;margin:0;background:#080610;color:#e6e6ea}
a{color:inherit}
.container{max-width:1100px;margin:0 auto;padding:1rem}
header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(8,6,16,0.85),rgba(8,6,16,0.6));backdrop-filter:blur(6px);}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0}
.branding h1{margin:0;font-size:1.25rem;letter-spacing:2px}
nav ul{display:flex;gap:0.75rem;list-style:none;margin:0;padding:0}
nav a{padding:0.5rem 0.65rem;border-radius:6px}
.hero{padding:4rem 0;display:flex;gap:2rem;align-items:center}
.hero-left{flex:1}
.hero-right{width:360px;max-width:40%;}
.artwork{width:100%;height:340px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center}
.glass-panel{background:rgba(255,255,255,0.03);padding:1rem;border-radius:10px}
.section{padding:3rem 0}
.grid{display:grid;gap:1rem}
.releases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:rgba(255,255,255,0.02);padding:1rem;border-radius:8px}
.two-col{display:flex;gap:1.5rem;align-items:start}
.two-col .col{flex:1}
form label{display:block;margin-bottom:0.25rem}
form input, form textarea{width:100%;padding:0.5rem;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit}
button.retro-button{background:transparent;border:1px solid rgba(255,255,255,0.12);padding:0.5rem 0.9rem;border-radius:8px;color:inherit;cursor:pointer}
footer{padding:2rem 0;border-top:1px solid rgba(255,255,255,0.03);text-align:center}
@media (max-width:900px){.hero{flex-direction:column}.hero-right{width:100%;max-width:100%}.two-col{flex-direction:column}}
/* placeholders classes for future styling */
.neo-retro-bg{}.cyberpunk-glow{}.neon-border{}.scanlines-overlay{}