/* Music FM — Guide Page */
.guide-page{direction:rtl;padding:24px 0 70px}
.guide-page svg{width:1.1em;height:1.1em;fill:currentColor;display:block;flex:0 0 auto}
.guide-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center;min-height:380px;margin-bottom:24px;padding:46px;overflow:hidden;border-radius:4px;border:1px solid rgba(20,124,255,.22);background:radial-gradient(circle at 12% 18%,rgba(89,199,255,.22),transparent 30%),radial-gradient(circle at 78% 18%,rgba(20,124,255,.20),transparent 36%),linear-gradient(135deg,#071832 0%,#082a5d 52%,#031126 100%);color:#fff;box-shadow:0 18px 46px rgba(15,35,70,.16)}
.guide-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;opacity:.16}
.guide-hero-content,.guide-hero-cards{position:relative;z-index:2}
.guide-label,.guide-section header>span{width:max-content;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border-radius:4px;background:linear-gradient(180deg,#2d8cff 0%,#147cff 100%);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(20,124,255,.22);font-size:12px;line-height:1;font-weight:950}
.guide-hero h1{margin:18px 0 12px;color:#fff;font-size:54px;line-height:1.03;font-weight:950;letter-spacing:-1px}
.guide-hero p{max-width:780px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.75;font-weight:760}
.guide-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.guide-hero-actions a,.guide-support a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:4px;background:linear-gradient(180deg,#2d8cff 0%,#147cff 100%);color:#fff;font-size:14px;font-weight:950;text-decoration:none;box-shadow:0 12px 24px rgba(20,124,255,.22)}
.guide-hero-actions a:nth-child(2){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:none}
.guide-hero-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.guide-hero-cards a{min-height:138px;display:grid;align-content:center;gap:8px;padding:18px;border-radius:4px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);transition:.2s ease}
.guide-hero-cards a:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}
.guide-hero-cards svg{width:28px;height:28px;color:#59c7ff}.guide-hero-cards strong{font-size:20px;font-weight:950}.guide-hero-cards small{color:rgba(255,255,255,.72);font-weight:750}
.guide-quick-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:14px;border:1px solid #dfe7f3;border-radius:4px;background:#fff;box-shadow:0 10px 26px rgba(15,35,70,.055)}
.guide-quick-nav a{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:4px;color:#147cff;background:#eef6ff;border:1px solid #d8e6ff;text-decoration:none;font-weight:950;font-size:14px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.guide-main{display:grid;gap:22px}
.guide-section,.guide-side-box{border:1px solid #dfe7f3;border-radius:4px;background:#fff;box-shadow:0 10px 26px rgba(15,35,70,.055)}
.guide-section{padding:22px;scroll-margin-top:105px}.guide-section header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e4ebf5}
.guide-section header>span{width:52px;height:52px;padding:0}.guide-section header small{display:block;margin-bottom:4px;color:#147cff;font-size:12px;font-weight:950}
.guide-section h2{margin:0;color:#111827;font-size:28px;line-height:1.1;font-weight:950}
.guide-steps,.guide-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-info-grid{grid-template-columns:repeat(2,1fr)}
.guide-steps article,.guide-info-grid article,.guide-timeline article{padding:18px;border-radius:4px;background:#f8fbff;border:1px solid #e4ebf5}
.guide-steps b{width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;border-radius:4px;background:#147cff;color:#fff;font-weight:950}
.guide-section h3{margin:0 0 8px;color:#111827;font-size:20px;line-height:1.25;font-weight:950}.guide-section p{margin:0;color:#667085;font-size:14px;line-height:1.75;font-weight:760}
.guide-note{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:4px;background:#eef6ff;border:1px solid #d8e6ff;color:#147cff}.guide-note svg{width:24px;height:24px}.guide-note p{color:#0f3d75;font-size:13px;font-weight:850}
.guide-timeline{display:grid;gap:12px}.guide-timeline b{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;margin-bottom:8px;border-radius:4px;background:#147cff;color:#fff;font-size:12px;font-weight:950}
.guide-support{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:4px;background:#f8fbff;border:1px solid #e4ebf5}.guide-support p{max-width:760px}
.guide-side{position:sticky;top:92px;display:grid;gap:16px}.guide-side-box{padding:20px}.guide-side-box h3{margin:0 0 10px;color:#111827;font-size:22px;line-height:1.2;font-weight:950}.guide-side-box p{margin:0;color:#667085;line-height:1.75;font-weight:760}
.guide-side-box nav{display:grid;gap:8px}.guide-side-box nav a{min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:4px;color:#111827;background:#f8fbff;border:1px solid #e4ebf5;text-decoration:none;font-weight:900}.guide-side-box nav a:hover{color:#147cff;border-color:#bdd7ff}
@media(max-width:1100px){.guide-hero,.guide-layout{grid-template-columns:1fr}.guide-side{position:static}}
@media(max-width:760px){.guide-page{padding-top:16px}.guide-hero{padding:28px 22px;min-height:auto}.guide-hero h1{font-size:36px}.guide-hero p{font-size:15px}.guide-hero-cards,.guide-steps,.guide-info-grid{grid-template-columns:1fr}.guide-section{padding:18px}.guide-section header{align-items:flex-start}.guide-support{display:grid}.guide-support a{width:100%}}