/*
Theme Name: AlfaTunes
Theme URI: https://example.com/alfatunes
Author: AlfaTunes
Description: Premium dark music CMS WordPress theme.
Version: 1.0.0
Requires at least: 6.0
License: GPL-2.0-or-later
Text Domain: alfatunes
*/
:root{--bg:#050814;--panel:#0c1222;--panel2:#111a30;--text:#f7f8ff;--muted:#9aa5bd;--purple:#a63cff;--blue:#2b8cff;--border:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0%,#17204a 0,#050814 38%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:90px}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(5,8,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{color:var(--purple);font-size:34px}.tagline{display:block;font-size:9px;color:#aeb7ca;font-weight:500;letter-spacing:.4px}.menu{display:flex;gap:23px;margin-left:auto}.menu a{font-size:14px;color:#dce1ee}.menu a:hover{color:#c264ff}.search{background:#101a31;border:1px solid var(--border);border-radius:9px;padding:11px 14px;color:#9da9c0;width:210px;font-size:12px}
.hero{min-height:455px;display:flex;align-items:center;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(90deg,rgba(3,7,17,.98) 0%,rgba(6,10,25,.82) 45%,rgba(41,12,74,.25)),radial-gradient(circle at 75% 35%,#8b2cff 0,#15285d 24%,transparent 48%);position:relative}
.hero:after{content:"";position:absolute;right:5%;top:10%;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#6f27ff 0,rgba(72,38,170,.3) 35%,transparent 70%);filter:blur(8px)}
.hero-content{position:relative;z-index:2;max-width:650px;padding:70px 0}.eyebrow{color:#d16cff;font-size:12px;font-weight:800;letter-spacing:3px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:.98;margin:16px 0}.gradient{background:linear-gradient(90deg,#fff,#56a8ff,#bc4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#b5bed1;font-size:16px;line-height:1.7;max-width:570px}.btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(90deg,#9d35ff,#477fff);padding:13px 20px;border-radius:9px;font-weight:800;margin-top:10px;box-shadow:0 12px 30px rgba(126,55,255,.25)}.btn.secondary{background:transparent;border:1px solid var(--border);box-shadow:none;margin-left:8px}
.section{padding:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section h2{font-size:21px;margin:0}.view{font-size:12px;color:#b65cff}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{min-width:0}.cover{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#291454,#0b5c95);display:flex;align-items:end;padding:12px;position:relative;overflow:hidden;border:1px solid var(--border)}.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.24),transparent 35%),linear-gradient(135deg,transparent 20%,rgba(185,61,255,.3));}.play{position:absolute;right:9px;bottom:9px;width:35px;height:35px;border-radius:50%;border:0;background:#fff;color:#17152b;font-weight:900;cursor:pointer}.rank{position:absolute;left:9px;top:8px;background:#9f35ff;padding:3px 7px;border-radius:6px;font-size:11px;font-weight:900}.card h3{font-size:14px;margin:9px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:11px;color:var(--muted)}
.artist-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.artist{text-align:center}.avatar{width:112px;height:112px;border-radius:50%;margin:auto;background:radial-gradient(circle at 35% 25%,#d2a7ff,#6423b9 45%,#11192c);border:2px solid rgba(190,83,255,.5);box-shadow:0 0 25px rgba(136,49,255,.18)}
.panel{background:linear-gradient(145deg,rgba(17,25,48,.9),rgba(8,12,25,.9));border:1px solid var(--border);border-radius:16px;padding:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.playlist{display:flex;gap:14px;align-items:center}.playlist-cover{width:90px;height:90px;border-radius:10px;background:linear-gradient(135deg,#ff7b38,#6d1cff)}
.player{position:fixed;bottom:0;left:0;right:0;height:78px;background:rgba(6,10,21,.96);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:50}.player-inner{height:100%;display:flex;align-items:center;gap:18px}.now-cover{width:52px;height:52px;border-radius:8px;background:linear-gradient(135deg,#bc4dff,#217dff)}.controls{display:flex;align-items:center;gap:16px}.circle{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.main-play{width:40px;height:40px;border-radius:50%;background:#a53cff;color:#fff;border:0}.progress{flex:1;height:4px;background:#26304a;border-radius:4px}.progress span{display:block;width:38%;height:100%;background:linear-gradient(90deg,#a63cff,#428dff);border-radius:4px}
.site-footer{padding:45px 0 120px;border-top:1px solid var(--border);color:var(--muted);margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-title{color:#fff;font-weight:800;margin-bottom:12px}.footer-grid a{display:block;margin:7px 0;font-size:13px}
@media(max-width:900px){.menu{display:none}.search{margin-left:auto;width:150px}.grid{grid-template-columns:repeat(3,1fr)}.artist-grid{grid-template-columns:repeat(3,1fr)}.two-col,.footer-grid{grid-template-columns:1fr}.hero{min-height:410px}.hero-content{padding:50px 0}.player .meta{display:none}}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}.artist-grid{grid-template-columns:repeat(2,1fr)}.search{display:none}.brand{font-size:22px}.hero h1{font-size:43px}.player-inner{gap:8px}.progress{display:none}}