/* Home hero slider + course finder */
.slider{position:relative;height:560px;overflow:hidden;background:#0b1d33}
.slide{position:absolute;inset:0;background:radial-gradient(900px 500px at 75% 50%,rgba(255,255,255,.08),transparent 60%),var(--bg);color:#fff;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.slide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:6px 6px}
.slide.on{opacity:1;visibility:visible}
.slide-grid{position:relative;height:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.slide-text>*{transform:translateY(24px);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.slide.on .slide-text>*{transform:none;opacity:1}
.slide.on .slide-text>*:nth-child(2){transition-delay:.08s}.slide.on .slide-text>*:nth-child(3){transition-delay:.16s}
.slide.on .slide-text>*:nth-child(4){transition-delay:.22s}.slide.on .slide-text>*:nth-child(5){transition-delay:.3s}
.slide-tag{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.slide h1{font-size:clamp(2.8rem,6vw,5.4rem);color:#fff;line-height:.98;margin-bottom:12px}
.slide h1 span{color:var(--gold)}
.slide-meta{color:rgba(255,255,255,.75);font-weight:600;font-size:.92rem;margin-bottom:12px}
.slide-lead{color:rgba(255,255,255,.85);font-size:1.08rem;max-width:520px;margin-bottom:28px}
.slide-price{font-family:var(--display);font-size:2.6rem;margin-right:6px;line-height:1;align-self:center}
.slide .btn-ring{border-color:#fff;color:#fff}
.slide .btn-ring:hover{background:#fff;color:var(--navy)}
.slide-art{position:relative;height:100%;display:grid;place-items:center}
.slide-art .sun{width:360px;height:360px}
.sa{position:absolute;width:190px;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s;opacity:0}
.sa .cover{box-shadow:0 34px 50px -18px rgba(0,0,0,.6)}
.slide.on .sa{opacity:1}
.sa0{transform:translate(-60px,40px) rotate(-6deg)}
.sa1{z-index:3;width:220px}
.sa2{transform:translate(60px,40px) rotate(6deg)}
.slide.on .sa0{transform:translate(-140px,30px) rotate(-9deg)}
.slide.on .sa1{transform:translateY(-6px)}
.slide.on .sa2{transform:translate(140px,30px) rotate(9deg)}
.slider-nav{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;z-index:5}
.slider-nav>button{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.5);color:#fff;transition:.2s}
.slider-nav>button:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.sl-dots{display:flex;gap:8px}
.sl-dots button{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.4);transition:.3s}
.sl-dots button.on{width:32px;background:var(--gold)}

.finder{background:var(--navy);padding:0 0 34px;position:relative;z-index:6}
.finder-box{position:relative;display:flex;align-items:center;background:#fff;border-radius:999px;padding:7px 7px 7px 24px;max-width:820px;margin:0 auto;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);transform:translateY(-28px)}
.finder-box>i{color:var(--gold);font-size:1.1rem}
.finder-box input{flex:1;border:0!important;outline:0;padding:14px 16px!important;font-size:1.02rem;background:transparent!important;box-shadow:none!important;min-width:0}
.finder-box .btn{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em}
.finder-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#9fabc0;font-size:.82rem;align-items:center;margin-top:-10px}
.finder-tags a{border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:999px;font-weight:600;transition:.2s}
.finder-tags a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.suggest{position:absolute;left:12px;right:12px;top:calc(100% + 8px);background:#fff;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);overflow:hidden;display:none;z-index:20}
.suggest.show{display:block}
.suggest a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);transition:.15s}
.suggest a:hover,.suggest a.act{background:var(--gold-soft)}
.suggest img,.suggest .ph{width:40px;height:54px;object-fit:cover;border-radius:3px;background:var(--navy);display:grid;place-items:center;color:var(--gold);font-size:.9rem}
.suggest b{display:block;color:var(--navy);font-size:.92rem;line-height:1.25}
.suggest small{color:var(--muted);font-size:.76rem}
.suggest strong{color:var(--navy)}
.suggest .none{padding:16px;color:var(--muted);text-align:center}

@media (max-width:980px){
  .slider{height:auto;min-height:760px}
  .slide-grid{grid-template-columns:1fr;gap:0;align-content:center;padding:40px 24px 90px}
  .slide-art{height:320px}
  .slide-art .sun{width:260px;height:260px}
  .sa{width:140px}.sa1{width:160px}
  .slide.on .sa0{transform:translate(-100px,20px) rotate(-9deg)}.slide.on .sa2{transform:translate(100px,20px) rotate(9deg)}
}
@media (max-width:560px){
  .slider{min-height:720px}
  .slide h1{font-size:2.5rem}
  .slide-lead{font-size:.98rem}
  .slide-art{height:260px}
  .sa{width:110px}.sa1{width:130px}
  .slide.on .sa0{transform:translate(-80px,16px) rotate(-9deg)}.slide.on .sa2{transform:translate(80px,16px) rotate(9deg)}
  .finder-box{padding-left:16px}
  .finder-box .btn{padding:12px 16px}
  .finder-box input{font-size:.9rem;padding:12px 10px!important}
}
@media (max-width:560px){.slide-grid{padding-left:16px;padding-right:16px}}