/*
Theme Name: AlfaTunes
Author: AlfaTunes
Description: Dynamic music streaming and music-learning WordPress theme.
Version: 2.0.0
License: GPLv2 or later
Text Domain: alfatunes
*/
:root{--bg:#050814;--card:#0d1426;--card2:#111b33;--text:#f6f7ff;--muted:#9da8bf;--p:#a63cff;--b:#2d8cff;--border:rgba(255,255,255,.09)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#1a1540 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;padding-bottom:86px}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(5,8,20,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{min-height:72px;display:flex;align-items:center;gap:24px}.logo{font-size:25px;font-weight:900;display:flex;align-items:center;gap:8px}.logo b{color:var(--p);font-size:34px}.tag{display:block;font-size:9px;color:var(--muted);font-weight:500}.menu{margin-left:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.menu a{font-size:13px;color:#dce2ef}.menu a:hover{color:#c36bff}.search{width:180px;background:#111a30;border:1px solid var(--border);padding:10px 12px;border-radius:9px;color:#fff}.hero{min-height:440px;display:flex;align-items:center;background:linear-gradient(90deg,#050814 5%,rgba(5,8,20,.78) 48%,rgba(42,9,69,.15)),radial-gradient(circle at 80% 35%,#7428c9,transparent 34%)}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:15px 0}.grad{background:linear-gradient(90deg,#fff,#4ca3ff,#c44cff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{letter-spacing:3px;color:#c05cff;font-size:11px;font-weight:800}.hero p{max-width:620px;color:#b7c0d2;line-height:1.7}.btn{display:inline-block;padding:12px 18px;border-radius:9px;background:linear-gradient(90deg,#a83cff,#347fff);font-weight:800;margin-top:8px}.btn.alt{background:transparent;border:1px solid var(--border);margin-left:7px}.section{padding:34px 0}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.head h2{margin:0;font-size:21px}.view{color:#bd61ff;font-size:12px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{min-width:0}.cover{aspect-ratio:1;border-radius:11px;background:linear-gradient(135deg,#27134c,#09527b);border:1px solid var(--border);position:relative;overflow:hidden}.cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.22),transparent 32%),linear-gradient(135deg,transparent,rgba(190,60,255,.3))}.play{position:absolute;z-index:2;right:9px;bottom:9px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#111;cursor:pointer}.card h3{font-size:14px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:var(--muted);font-size:11px}.panel{background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--border);border-radius:16px;padding:22px}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson{padding:22px;border-radius:16px;background:linear-gradient(145deg,#111a31,#090e1c);border:1px solid var(--border);transition:.2s}.lesson:hover{transform:translateY(-4px);border-color:#a744ff}.icon{font-size:27px;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#a63cff,#347fff);margin-bottom:14px}.lesson h3{margin:0 0 8px}.lesson p{color:var(--muted);font-size:13px;line-height:1.6}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.artist-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.avatar{width:105px;height:105px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d4aaff,#5b20a7 48%,#10182c);border:2px solid rgba(186,75,255,.5)}.artist{text-align:center}.player{position:fixed;bottom:0;left:0;right:0;height:78px;background:rgba(5,8,18,.97);backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:100}.player-in{height:100%;display:flex;align-items:center;gap:16px}.now{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#b33fff,#287cff)}.controls{display:flex;gap:10px;align-items:center}.ctrl{border:0;background:none;color:#fff;font-size:18px;cursor:pointer}.mainplay{width:40px;height:40px;border:0;border-radius:50%;background:#a63cff;color:#fff}.bar{flex:1;height:4px;background:#27314b;border-radius:4px}.bar i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#a63cff,#3e8fff)}.footer{border-top:1px solid var(--border);padding:42px 0 110px;color:var(--muted);margin-top:30px}.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.notice{padding:12px 15px;border-radius:10px;background:#101a30;border:1px solid var(--border);color:#c9d1e2}
.at-form{max-width:620px}.at-form input,.at-form textarea,.at-form select{width:100%;padding:12px;margin:6px 0 12px;background:#0c1324;border:1px solid var(--border);color:#fff;border-radius:8px}.at-form label{font-size:12px;color:#b8c1d4}.at-table{width:100%;border-collapse:collapse}.at-table td,.at-table th{padding:12px;border-bottom:1px solid var(--border);text-align:left}.progress{height:7px;background:#242d44;border-radius:7px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#a63cff,#347fff)}@media(max-width:900px){.menu{display:none}.grid{grid-template-columns:repeat(3,1fr)}.artist-grid{grid-template-columns:repeat(3,1fr)}.lessons,.two,.dash{grid-template-columns:1fr}.search{margin-left:auto;width:145px}}@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}.artist-grid{grid-template-columns:repeat(2,1fr)}.search{display:none}.hero{min-height:400px}.hero h1{font-size:44px}.player .meta{display:none}}