/* Template lahn: a dark concert hall, gold and lilac light. */
:root{--fb:'Noto Kufi Arabic';--fh:'Reem Kufi';--bg:#120E2B;--ink:#F3EEFF;--ink2:#B3AAD6;--line:#2E2658;--acc:#E8B54D;--lil:#B7A6FF;--rose:#FF6F91;--pan:#1B1540;--nav-bg:rgba(18,14,43,.9);--nav-solid:#120E2B;--demo-bg:#E8B54D;--r-in:14px}
body{font-size:15px}
.lahn .demo{color:#120E2B}
.lahn .btn{border-radius:99px}.lahn .cta,.lahn .b1,form .btn{background:var(--acc);color:#120E2B}
.lahn .b2{background:transparent;color:var(--ink);border:1.5px solid var(--lil)}
.card{background:var(--pan);border:1px solid var(--line);border-radius:16px;padding:22px}
.kick{color:var(--lil);letter-spacing:1px}
.sec-h h2{font-size:40px;font-weight:700;color:#fff}.sec-h h2 em{font-style:normal;color:var(--acc)}
.hero{padding:60px 0 50px;background:radial-gradient(600px 400px at 80% 30%,#3A2A7A,transparent),radial-gradient(400px 300px at 10% 90%,#4A1F4F,transparent),#120E2B;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero .tag{display:inline-flex;align-items:center;gap:10px;color:var(--acc);font-weight:700;font-size:14px}
.eq{display:inline-flex;gap:3px;align-items:flex-end;height:18px}.eq i{width:4px;background:var(--acc);border-radius:2px;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:4px}50%{height:18px}}
.hero h1{font-size:62px;font-weight:700;margin:14px 0;color:#fff;line-height:1.2}.hero h1 em{font-style:normal;color:var(--acc)}
.hero-t>p{font-size:17px;color:var(--ink2);max-width:520px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.disc{display:grid;place-items:center}
.rec{width:min(420px,100%);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0A0818 0 3px,#1B1636 3px 5px);display:grid;place-items:center;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 8px rgba(183,166,255,.12);animation:spin 18s linear infinite}
.lbl{width:52%;aspect-ratio:1;border-radius:50%;background:center/cover;border:6px solid var(--acc);position:relative}
.lbl::after{content:"";position:absolute;inset:44%;border-radius:50%;background:#120E2B}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.rec,.eq i{animation:none}}
.play{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:0;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:99px;padding:10px 24px}
.play div{flex:1;min-width:120px;display:flex;align-items:baseline;gap:8px;padding:6px 14px;border-inline-start:1px solid var(--line)}.play div:first-child{border:0}
.play b{font-family:var(--fh);font-size:28px;color:var(--acc)}.play span{color:var(--ink2);font-size:14px}
.list{display:grid;gap:10px}.li2{grid-template-columns:repeat(2,1fr)}
.trk{display:flex;align-items:center;gap:18px;background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:16px 20px;transition:background .2s}
.trk:hover{background:#241C52}
.no{flex:none;width:44px;font-family:var(--fh);font-size:22px;color:var(--lil);text-align:center}.no .i{width:26px;height:26px;color:var(--acc)}
.tx{flex:1;min-width:0}.trk h3{font-size:19px;color:#fff}.trk p{margin:2px 0 0;color:var(--ink2);font-size:14px}
.trk .ag{flex:none;font-size:12px;color:var(--acc);border:1px solid rgba(232,181,77,.45);border-radius:99px;padding:3px 12px}
.pl-b{flex:none;width:38px;height:38px;border-radius:50%;background:var(--acc);position:relative}
.pl-b::after{content:"";position:absolute;top:12px;inset-inline-start:15px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #120E2B}
body:not(.ltr) .pl-b::after{border-width:7px 11px 7px 0;border-color:transparent #120E2B transparent transparent}
.course{background:#17123A}.facts div{background:var(--pan);border:1px solid var(--line)}.facts .i{color:var(--acc)}.facts span{color:var(--ink2)}
.learn{background:linear-gradient(135deg,#3A2A7A,#5A2A6A);border:0}.learn .ticks .i{color:var(--acc)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--acc)}.ticks span{color:var(--ink2)}
.coach-s{padding-top:0}.coach{background:linear-gradient(90deg,#241C52,var(--pan))}.coach img{border-color:var(--acc)}.coach h3{color:#fff}.coach p{color:var(--ink2)}.coach .kick{color:var(--acc)}
.season{background:#17123A}.tl>div{background:var(--pan);border-color:var(--line)}.tl h3{color:#fff}.tl p{color:var(--ink2)}.tl small{color:var(--lil)}
.tl .now{background:var(--acc);border-color:var(--acc)}.tl .now h3{color:#120E2B}.tl .now small,.tl .now p{color:#3A2A10}
.lahn .portal{--po-bg:#1E1747;--po-acc:#E8B54D}
.gal div{border-radius:20px;border:1px solid var(--line)}
.rev{background:var(--pan)}.rev small{color:var(--lil)}
.faqs details{background:var(--pan);border-color:var(--line)}.faqs details p{color:var(--ink2)}
.bk{background:linear-gradient(135deg,#2A1E5C,#120E2B)}.bk form{background:var(--pan);border-color:var(--line)}
input,select,textarea{background:#0F0B26;color:#fff;border-color:var(--line)}
.ct .contact{color:var(--ink)}.soc a{background:var(--pan);border-color:var(--line)}
footer{background:#0A0818;color:#8C84B3;border-top:1px solid var(--line)}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:40px}.rec{width:min(300px,100%)}.play{border-radius:20px;padding:10px}.play div{min-width:40%;border:0}
.li2{grid-template-columns:1fr}.trk{flex-wrap:wrap;gap:10px 14px;padding:14px}.trk .tx{flex-basis:calc(100% - 70px)}.pl-b{display:none}.sec-h h2{font-size:30px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}