.hero{position:relative;overflow:hidden;border-radius:var(--r1);padding:29px;min-height:225px;color:#fff;box-shadow:0 24px 60px rgba(15,23,42,.16);
background:linear-gradient(110deg,rgba(15,23,42,.98),rgba(15,23,42,.88) 50%,rgba(30,64,175,.54)),
radial-gradient(circle at 80% 30%,rgba(34,211,238,.4),transparent 22rem),linear-gradient(135deg,#312E81,#0F172A 65%)}
.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(34,211,238,.35),rgba(99,102,241,.18),transparent 68%)}
.hero-inner{position:relative;z-index:2;max-width:700px}.eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.17em;color:#67E8F9;font-weight:850}
.hero h2{font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 12px}.hero p{margin:0;color:#DBE7F7;max-width:620px;font-size:.91rem;line-height:1.62}
.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.btn{border:0;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800;font-size:.78rem}
.btn.primary{background:linear-gradient(135deg,#7C3AED,#6366F1 58%,#22D3EE);color:#fff;box-shadow:0 10px 28px rgba(99,102,241,.28)}
.btn.ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);color:#fff}.btn.light{background:#fff;border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:13px}.stat,.panel,.card,.song,.person,.schedule,.locked{
background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow2)}
.stat{padding:15px;display:flex;align-items:center;gap:11px}.stat-ico,.feature-ico,.lock-ico{display:grid;place-items:center;color:#5B4BF7;background:linear-gradient(135deg,#EEF2FF,#ECFEFF)}
.stat-ico{width:40px;height:40px;border-radius:11px;flex:0 0 40px}.stat-ico svg,.feature-ico svg,.lock-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stat small{display:block;color:var(--muted);font-size:.66rem;font-weight:760}.stat strong{display:block;font-size:1.28rem;letter-spacing:-.04em;margin-top:1px}
.dash{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:13px;margin-top:13px}.panel{padding:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.panel-head h3{margin:0;font-size:.94rem}.panel-head button{border:0;background:transparent;color:#5B4BF7;font-size:.68rem;font-weight:820;cursor:pointer}.list{display:grid;gap:9px}
.card{width:100%;padding:14px;text-align:left;cursor:pointer;transition:.16s transform,.16s box-shadow,.16s border-color}.card:hover{transform:translateY(-1px);border-color:#C7D2FE;box-shadow:0 12px 28px rgba(99,102,241,.08)}
.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.date{font-size:.9rem;font-weight:900}.status{font-size:.64rem;font-weight:850;color:#4F46E5;background:#EEF2FF;border-radius:999px;padding:5px 7px}
.sub{margin-top:4px;color:var(--muted);font-size:.74rem}.badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.badge{font-size:.63rem;color:#475569;background:#F8FAFC;border:1px solid var(--line);border-radius:999px;padding:4px 7px}
.section{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0 11px}.section h2{margin:0;font-size:1.04rem}.section p{margin:3px 0 0;color:var(--muted);font-size:.76rem}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature{padding:17px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow2)}
.feature-ico{width:39px;height:39px;border-radius:11px}.feature h3{margin:11px 0 5px;font-size:.88rem}.feature p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}
.search-wrap{position:relative;margin-bottom:12px}.search{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 40px;outline:none;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.03)}
.search:focus{border-color:#A5B4FC;box-shadow:0 0 0 4px rgba(99,102,241,.08)}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#94A3B8}
.song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.song{padding:14px}.song-title{font-weight:880}.song-artist{font-size:.73rem;color:var(--muted);margin-top:3px}
.links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.link{font-size:.64rem;font-weight:780;text-decoration:none;color:#475569;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#F8FAFC}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.person{padding:14px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.74rem;font-weight:900;
background:linear-gradient(135deg,#7C3AED,#6366F1,#22D3EE);margin-bottom:9px}.person b{font-size:.81rem}.person div:last-child{font-size:.69rem;color:var(--muted);margin-top:3px}
.schedule{padding:14px}.schedule-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.schedule-head b{font-size:.84rem}.schedule-head span{font-size:.66rem;color:var(--muted)}
.role{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #EEF2F7}.role:first-of-type{border-top:0}.role-main{display:flex;align-items:center;gap:9px}
.dot{width:8px;height:8px;border-radius:50%;background:#6366F1;box-shadow:0 0 0 4px #EEF2FF}.role-fn{font-size:.72rem;font-weight:760}.role-name{font-size:.67rem;color:var(--muted);margin-top:2px}.ok{color:var(--success);font-weight:900}
.locked{min-height:240px;padding:24px;display:grid;place-items:center;text-align:center}.lock-ico{width:56px;height:56px;border-radius:17px;margin:0 auto 12px}.locked h3{margin:0 0 6px}
.locked p{max-width:500px;margin:0 auto 14px;color:var(--muted);font-size:.78rem;line-height:1.55}
.brand-story{overflow:hidden;border-radius:var(--r1);display:grid;grid-template-columns:1.3fr .7fr;min-height:220px;color:#fff;box-shadow:var(--shadow);
background:linear-gradient(135deg,#0F172A,#1E1B4B 58%,#164E63)}.brand-copy{padding:27px}.brand-copy small{font-size:.6rem;color:#67E8F9;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
.brand-copy h3{font-size:clamp(1.45rem,3vw,2.45rem);line-height:1.04;letter-spacing:-.05em;margin:9px 0 10px}.brand-copy h3 span{color:#22D3EE}.brand-copy p{margin:0;color:#D8E3F4;line-height:1.55;font-size:.84rem}
.brand-art{position:relative;background:radial-gradient(circle at 62% 34%,rgba(34,211,238,.52),transparent 7rem),radial-gradient(circle at 40% 50%,rgba(99,102,241,.45),transparent 10rem),#111827}
.brand-art:before{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:900;color:rgba(255,255,255,.92)}
.loading,.empty{background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow2);padding:19px;display:flex;align-items:center;gap:11px}
.loading p,.empty p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.spin{width:22px;height:22px;border-radius:50%;border:3px solid #E2E8F0;border-top-color:#6366F1;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.back{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:.72rem;font-weight:760;margin-bottom:11px}.detail{padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r1);box-shadow:var(--shadow2)}
.detail h2{margin:0;font-size:1.25rem}.detail-meta{font-size:.72rem;color:var(--muted);margin-top:3px}.detail-sec{margin-top:17px;padding-top:14px;border-top:1px solid #EEF2F7}.detail-sec h3{font-size:.87rem;margin:0 0 9px}
.detail-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #E2E8F0;font-size:.73rem}.detail-row:last-child{border-bottom:0}
.more{position:fixed;inset:auto 10px 74px 10px;z-index:90;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.2);padding:10px}
.more button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;text-align:left;font-weight:740}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash{grid-template-columns:1fr}}
@media(max-width:780px){.hero{padding:20px;min-height:205px}.hero h2{font-size:2rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:11px;gap:8px}.stat-ico{width:35px;height:35px;flex-basis:35px}.stat strong{font-size:1.08rem}.song-grid,.team-grid,.features{grid-template-columns:1fr}.brand-story{grid-template-columns:1fr}.brand-art{min-height:145px}}