:root{color-scheme:dark;--ink:#15130f;--paper:#f5f0e7;--muted:#b2a99b;--line:rgba(245,240,231,.14);--serif:'Simplified Arabic Fixed','Courier New',monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#30291f 0,transparent 46%),var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
.page{width:min(100% - 36px,760px);margin:0 auto;padding:clamp(20px,4vh,40px) 0 30px}
.release-header{display:flex;flex-direction:column;align-items:center;gap:13px;margin:0 auto 24px;max-width:320px;text-align:center}
.cover{display:block;width:100%;aspect-ratio:1;flex:0 0 auto;object-fit:cover;border-radius:5px;box-shadow:0 14px 42px rgba(0,0,0,.3)}
.identity{text-align:center;min-width:0}
h1{margin:0;color:#fffaf1;font:400 clamp(34px,7vw,46px)/1 var(--serif);letter-spacing:.045em}
.artist-mark{display:flex;justify-content:center;align-items:baseline}
.artist-mark span:nth-child(2){margin-left:-.06em}
.artist-mark span:nth-child(3){margin-left:.01em}
.artist-mark span:nth-child(4){margin-left:-.005em}
.artist-mark span:nth-child(5){margin-left:.01em}
.release{margin:8px 0 0;color:#fffaf1;font:600 18px/1.3 var(--sans);letter-spacing:0}
.platforms{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:320px;margin:0 auto}
.platforms a{min-width:0;min-height:58px;padding:0 16px;display:grid;grid-template-columns:25px minmax(0,1fr) 14px;gap:11px;align-items:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.04);color:var(--paper);text-decoration:none;font:500 14px/1.2 var(--sans);transition:background .18s,border-color .18s,transform .18s}
.platforms a:hover{transform:translateY(-1px);border-color:rgba(245,240,231,.3);background:rgba(255,255,255,.11)}
.brand-icon{width:22px;height:22px;display:block;justify-self:center;fill:#e8e0d3;color:#e8e0d3}
.spotify-icon circle{fill:#e8e0d3}.spotify-icon path{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}
.youtube-icon rect{fill:#e8e0d3}.youtube-icon path{fill:var(--ink)}
.deezer-icon{width:23px;height:23px}
.arrow{justify-self:end;color:#f2d9b2;font:22px/1 var(--sans);font-weight:500}
.footer{max-width:320px;margin:24px auto 0;padding-top:0}
.instagram{display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin:16px auto 0;color:#c8bfb2;text-decoration:none}
.instagram svg{width:21px;height:21px;fill:none;stroke:#c8bfb2;stroke-width:1.7}.instagram .dot{fill:#c8bfb2;stroke:none}
.signup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:0}
.signup-form input{min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;outline:none;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:var(--paper);font:14px var(--sans)}
.signup-form input::placeholder{color:#a39a8c}.signup-form input:focus{border-color:rgba(245,240,231,.42)}
.signup-form button{height:48px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.055));color:#f2d9b2;white-space:nowrap;font:500 13px var(--sans);cursor:pointer;transition:background .18s,border-color .18s}.signup-form button:hover{border-color:rgba(245,240,231,.3);background:rgba(255,255,255,.13)}.signup-form button span{font-size:17px;margin-left:4px}
.signup-status{grid-column:1/-1;margin:8px 0 0;color:#c3b8a7;font:12px var(--sans)}.signup-status:empty{display:none}
.signup-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){.page{width:min(100% - 28px,760px)}.platforms{gap:8px}.platforms a{padding:0 10px;gap:8px;font-size:13px}}
