/* Atma FX — modern motion layer */
.hdr{transition:box-shadow .3s,background .3s;backdrop-filter:saturate(1.2)}
.hdr.scrolled{box-shadow:0 6px 24px rgba(36,33,74,.10)}
.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:hover:after{transform:scaleX(1)}
.hero{position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;z-index:0}
.hero:before{width:420px;height:420px;background:rgba(201,162,74,.35);top:-120px;left:-80px;animation:fxBlob 18s ease-in-out infinite alternate}
.hero:after{width:380px;height:380px;background:rgba(107,79,216,.22);bottom:-140px;right:-60px;animation:fxBlob 22s ease-in-out infinite alternate-reverse}
.hero-in{position:relative;z-index:1}
.hero-sym{animation:fxFloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(201,162,74,.35))}
.hero h1,.hero .lead,.hero .cta,.hero-sym{animation-fill-mode:both}
.hero h1{animation:fxUp .9s .1s cubic-bezier(.2,.7,.2,1) both}
.hero .lead{animation:fxUp .9s .25s cubic-bezier(.2,.7,.2,1) both}
.hero .cta{animation:fxUp .9s .4s cubic-bezier(.2,.7,.2,1) both}
.btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s,color .25s}
.btn.gold{background:linear-gradient(135deg,#d8b45c,#c9a24a 50%,#b48a2f);background-size:200% 100%}
.btn.gold:hover{background-position:100% 0;box-shadow:0 12px 30px rgba(201,162,74,.5)}
.btn.ghost:hover{background:var(--ind);color:#fff}[data-theme=dark] .btn.ghost:hover{background:var(--gold);color:var(--ind)}
.card{cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--ac) 14%,transparent),transparent 45%);opacity:0;transition:opacity .35s}
.card:hover,.card:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--ac) 45%,transparent);box-shadow:0 22px 50px color-mix(in srgb,var(--ac) 28%,transparent)}
.card:hover:after,.card:focus-visible:after{opacity:1}
.card:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.card .ic{transition:transform .4s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 35%,transparent)}
.card:hover .ic{transform:scale(1.1) rotate(-6deg)}
.card .go{transition:letter-spacing .3s,transform .3s;display:inline-block}
.card:hover .go{transform:translateX(6px)}
.card:active{transform:translateY(-3px) scale(.99)}
.thumbs button{transition:transform .25s,border-color .25s,box-shadow .25s}.thumbs button:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.yt span{transition:transform .3s}.yt:hover span{transform:scale(1.1)}
.player,.teacher img{transition:transform .5s,box-shadow .5s}
.teacher img:hover{transform:scale(1.015)}
.fx-r{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.fx-r.in{opacity:1;transform:none}
.card.fx-r.in:hover{transform:translateY(-8px)}
@keyframes fxUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fxBlob{to{transform:translate(80px,40px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fx-r{opacity:1;transform:none}}

.card .cv{display:block;margin:-26px -22px 0;aspect-ratio:16/10;overflow:hidden;background:#24214a}
.card .cv img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(1.02)}
.card:hover .cv img{transform:scale(1.08);filter:saturate(1.12)}
.card .cv+.ic{margin-top:-28px;margin-left:2px;position:relative;z-index:1;border:3px solid var(--bg2)}
.card:before{z-index:2}