/* =========================================================
   AlinLearning v6.4 — Cinematic Website Experience
   Layered on top of the existing theme. No content removed.
========================================================= */
:root{
  --cin-ink:#071525;
  --cin-blue:#6d5dfc;
  --cin-cyan:#06b6d4;
  --cin-pink:#ff5c7a;
  --cin-glass:rgba(255,255,255,.72);
  --cin-line:rgba(15,23,42,.08);
  --cin-ease:cubic-bezier(.2,.8,.2,1);
}
body:not(.dashboard-page){
  background:
    radial-gradient(circle at 8% 12%,rgba(109,93,252,.055),transparent 24rem),
    radial-gradient(circle at 92% 30%,rgba(6,182,212,.045),transparent 22rem),
    #fff;
}
body:not(.dashboard-page)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.22;background-image:radial-gradient(rgba(7,21,37,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}
.navbar{background:rgba(255,255,255,.76);border-bottom-color:rgba(15,23,42,.07);box-shadow:0 8px 35px rgba(7,21,37,.025)}
.navbar.scrolled{background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(7,21,37,.08)}
.logo-mark{box-shadow:0 10px 25px rgba(109,93,252,.28)}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--cin-blue),var(--cin-cyan));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--cin-ease)}
.nav-links a:hover:after,.nav-links .current-menu-item>a:after{transform:scaleX(1)}
.hero{min-height:680px;background:radial-gradient(circle at 72% 18%,rgba(109,93,252,.28),transparent 26rem),linear-gradient(135deg,#050c1b 0%,#0a1730 46%,#15144a 100%);}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,12,27,.86),rgba(8,23,48,.48) 52%,rgba(109,93,252,.16));pointer-events:none;z-index:0}
.hero .orb-1{background:#6d5dfc;opacity:.18;filter:blur(110px)}
.hero .orb-2{background:#06b6d4;opacity:.16;filter:blur(100px)}
.hero-copy h1{font-size:clamp(2.7rem,6vw,5.4rem);letter-spacing:-.055em;line-height:.98;text-shadow:0 10px 45px rgba(0,0,0,.25)}
.hero-copy p{max-width:620px;color:rgba(255,255,255,.78)}
.hero-badge{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.15)}
.hero-card{border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12)}
.hero-progress{border-color:rgba(255,255,255,.18);background:rgba(5,12,27,.62);box-shadow:0 20px 55px rgba(0,0,0,.3)}
.btn{box-shadow:none}.btn-accent,.btn-primary{box-shadow:0 12px 30px rgba(109,93,252,.24)}
.btn-accent{background:linear-gradient(135deg,#ff5c7a,#ff7a3d)}
.btn-primary{background:linear-gradient(135deg,#6d5dfc,#06b6d4)}
.btn-accent:hover,.btn-primary:hover{box-shadow:0 18px 42px rgba(109,93,252,.3)}
.section{position:relative}.section>.container{position:relative;z-index:1}
.section:not(.hero) .course-card,.section:not(.hero) .blog-card,.section:not(.hero) .instr-card,.section:not(.hero) .rev-card,.section:not(.hero) .offer-card,.section:not(.hero) .skill-lab-card{transition:transform .35s var(--cin-ease),box-shadow .35s var(--cin-ease),border-color .35s ease}
.course-card:hover,.blog-card:hover,.instr-card:hover,.rev-card:hover,.skill-lab-card:hover{transform:translateY(-7px) scale(1.005);box-shadow:0 24px 55px rgba(7,21,37,.12);border-color:rgba(109,93,252,.2)}
.course-card,.blog-card,.instr-card,.rev-card,.skill-lab-card{box-shadow:0 10px 32px rgba(7,21,37,.045)}
.course-card img,.blog-card img{transition:transform .7s var(--cin-ease),filter .7s ease}.course-card:hover img,.blog-card:hover img{transform:scale(1.045);filter:saturate(1.08)}
.page-hero{position:relative;background:radial-gradient(circle at 50% 0,rgba(109,93,252,.11),transparent 24rem),linear-gradient(180deg,#f4f4ff,#fff)}
.page-hero:before{content:"";position:absolute;left:50%;top:-120px;width:500px;height:280px;transform:translateX(-50%);background:radial-gradient(circle,rgba(6,182,212,.12),transparent 68%);filter:blur(18px)}
.cat{transition:all .28s var(--cin-ease)}.cat:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(109,93,252,.1)}.cat.active{background:linear-gradient(135deg,#6d5dfc,#06b6d4);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(109,93,252,.22)}
.search-box{box-shadow:0 15px 40px rgba(7,21,37,.08);border-color:rgba(109,93,252,.12)}
.footer{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(109,93,252,.2),transparent 28rem),radial-gradient(circle at 10% 100%,rgba(6,182,212,.12),transparent 26rem),#071525}
.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.025) 50%,transparent 80%);pointer-events:none}
.float-chat{box-shadow:0 18px 45px rgba(109,93,252,.28)!important;background:linear-gradient(135deg,#6d5dfc,#06b6d4)!important}
/* cinematic reveal */
.cin-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s var(--cin-ease)}
.cin-reveal.cin-visible{opacity:1;transform:none}
.cin-delay-1{transition-delay:.08s}.cin-delay-2{transition-delay:.16s}.cin-delay-3{transition-delay:.24s}.cin-delay-4{transition-delay:.32s}
/* global command palette */
.cin-command-trigger{position:fixed;right:24px;bottom:92px;z-index:998;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:rgba(7,21,37,.88);color:#fff;display:grid;place-items:center;box-shadow:0 16px 40px rgba(7,21,37,.2);backdrop-filter:blur(16px);cursor:pointer;transition:.25s var(--cin-ease)}
.cin-command-trigger:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 22px 48px rgba(109,93,252,.28)}
.cin-command-trigger kbd{font-size:.62rem;color:#cbd5e1;position:absolute;right:-3px;top:-7px;background:#fff;color:#334155;border-radius:6px;padding:2px 5px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.cin-command-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(3,8,18,.62);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.25s ease;padding:12vh 20px 20px}
.cin-command-backdrop.open{opacity:1;visibility:visible}
.cin-command{width:min(700px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;background:rgba(12,22,40,.96);box-shadow:0 40px 100px rgba(0,0,0,.45);transform:translateY(-16px) scale(.98);transition:.3s var(--cin-ease)}
.cin-command-backdrop.open .cin-command{transform:none}.cin-command-head{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid rgba(255,255,255,.08)}
.cin-command-head i{color:#67e8f9}.cin-command-head input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:1rem}.cin-command-head input::placeholder{color:#64748b}
.cin-command-list{padding:8px;max-height:48vh;overflow:auto}.cin-command-list a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;color:#dbeafe}.cin-command-list a:hover{background:rgba(255,255,255,.07);color:#fff}.cin-command-list a i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(109,93,252,.16);color:#a5b4fc}.cin-command-list small{display:block;color:#64748b;font-size:.68rem;margin-top:2px}
.cin-command-foot{display:flex;justify-content:space-between;padding:11px 15px;color:#64748b;font-size:.65rem;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:700px){.hero{min-height:620px}.hero-copy h1{font-size:clamp(2.5rem,14vw,4rem)}.cin-command-trigger{right:16px;bottom:82px}.cin-command-backdrop{padding:8vh 12px 12px}}
@media(prefers-reduced-motion:reduce){.cin-reveal{opacity:1;transform:none;transition:none}.course-card,.blog-card,.instr-card,.rev-card,.skill-lab-card,.cin-command-trigger{transition:none!important}.hero-card-shine{animation:none!important}}

/* v6.5 student-first flagship catalog */
.al-catalog-focus-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;margin:0 0 1.4rem;border:1px solid rgba(109,93,252,.16);border-radius:20px;background:linear-gradient(100deg,rgba(109,93,252,.08),rgba(236,72,153,.05));box-shadow:0 12px 40px rgba(15,23,42,.05)}
.al-catalog-focus-note>div{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.al-catalog-focus-note i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#6d5dfc;box-shadow:0 8px 20px rgba(15,23,42,.08)}.al-catalog-focus-note strong{font-size:1rem}.al-catalog-focus-note span{color:#64748b;font-size:.9rem}
.al-learning-method{margin:2rem 0;padding:1.4rem;border-radius:24px;background:linear-gradient(135deg,#0b1220,#141b32);color:#fff;box-shadow:0 24px 70px rgba(2,6,23,.18);position:relative;overflow:hidden}.al-learning-method:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(109,93,252,.32),transparent 68%)}.al-method-intro{position:relative;z-index:1;max-width:780px}.al-method-intro h3{margin:.35rem 0;font-size:1.55rem}.al-method-intro h3 span{background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.al-method-intro p{margin:.5rem 0 1.2rem;color:rgba(255,255,255,.72)}.al-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;position:relative;z-index:1}.al-method-grid>div{padding:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:16px;display:grid;gap:.3rem}.al-method-grid i{color:#a78bfa}.al-method-grid span{color:rgba(255,255,255,.62);font-size:.82rem}.al-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem}.al-outcome-card{padding:1.4rem;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.al-outcome-card.highlight{background:linear-gradient(145deg,#f8f7ff,#fff)}.al-outcome-card h3{margin:.25rem 0 1rem}.al-outcome-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.al-outcome-card li{display:flex;gap:.6rem;color:#475569}.al-outcome-card li i{color:#16a34a;margin-top:.2rem}.al-outcome-card.highlight li i{color:#7c3aed}
@media(max-width:800px){.al-catalog-focus-note{align-items:flex-start;flex-direction:column}.al-method-grid{grid-template-columns:1fr 1fr}.al-outcome-grid{grid-template-columns:1fr}}
@media(max-width:520px){.al-method-grid{grid-template-columns:1fr}}


/* =========================================================
   v6.6 — World-class catalog assembly + motion layer
========================================================= */
:root{--wcl-violet:#7c3aed;--wcl-cyan:#06b6d4;--wcl-ink:#07111f;--wcl-ease:cubic-bezier(.16,1,.3,1)}
body:not(.dashboard-page){overflow-x:hidden}
.al-catalog-hero{isolation:isolate;background:radial-gradient(circle at 72% 18%,rgba(124,58,237,.28),transparent 28rem),radial-gradient(circle at 15% 70%,rgba(6,182,212,.13),transparent 25rem),linear-gradient(135deg,#050b16,#0a1730 48%,#17113c)!important}
.al-catalog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.035) 50%,transparent 68%);transform:translateX(-40%);animation:wclSweep 12s linear infinite;pointer-events:none}
.al-catalog-copy h1{max-width:780px;text-wrap:balance}
.al-catalog-copy h1 span{background:linear-gradient(100deg,#67e8f9 0%,#a78bfa 45%,#f0abfc 72%,#67e8f9 100%);background-size:240% 100%;animation:wclGradient 7s ease infinite}
.al-catalog-shell{background:linear-gradient(180deg,#f5f7fb 0%,#fff 30%,#f7f9fc 100%)}
.al-catalog-stats{border-radius:24px;box-shadow:0 25px 70px rgba(15,23,42,.10)}
.al-assembly-strip{position:relative;display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:2rem;align-items:center;margin:1.4rem 0 0;padding:1.5rem 1.6rem;border-radius:26px;color:#fff;background:linear-gradient(120deg,#0a1220,#111c34 55%,#17113d);border:1px solid rgba(255,255,255,.09);box-shadow:0 25px 70px rgba(7,17,31,.16);overflow:hidden}
.al-assembly-strip:before{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-180px;background:radial-gradient(circle,rgba(124,58,237,.38),transparent 68%);filter:blur(5px)}
.al-assembly-copy,.al-assembly-stages{position:relative;z-index:1}.al-assembly-copy h3{margin:.35rem 0 .45rem;font-size:1.55rem;letter-spacing:-.03em}.al-assembly-copy h3 em{font-style:normal;background:linear-gradient(90deg,#67e8f9,#c084fc,#f472b6);-webkit-background-clip:text;color:transparent}.al-assembly-copy p{margin:0;color:#9eabc0;font-size:.76rem;line-height:1.65;max-width:520px}
.al-assembly-stages{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.al-assembly-stages span{display:flex;align-items:center;gap:.45rem;padding:.65rem .72rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);color:#dce6f5;font-size:.68rem;white-space:nowrap;transition:.3s var(--wcl-ease)}.al-assembly-stages span:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(103,232,249,.25)}.al-assembly-stages b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#06b6d4);font-size:.6rem}.al-assembly-stages>i{color:#64748b;font-size:.65rem}
.al-category-section{border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.05);transition:box-shadow .35s var(--wcl-ease),transform .35s var(--wcl-ease)}
.al-category-section:hover{box-shadow:0 22px 55px rgba(15,23,42,.08)}
.al-category-heading{padding:1.25rem 1.35rem;background:linear-gradient(135deg,#fff,#f8faff)}
.al-category-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ede9fe,#e0f2fe);box-shadow:inset 0 1px rgba(255,255,255,.8),0 10px 22px rgba(124,58,237,.09)}
.al-category-heading-copy strong{font-size:1.2rem;letter-spacing:-.02em}.al-category-heading-copy em{font-size:.72rem}
.al-category-count{box-shadow:0 5px 15px rgba(15,23,42,.05)}
.al-category-body{padding:0 1.15rem 1.15rem}
.al-premium-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.al-premium-course-grid .course-card{border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 9px 25px rgba(15,23,42,.055);transform:translateZ(0);will-change:transform}
.al-premium-course-grid .course-card:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 30px 65px rgba(15,23,42,.14)}
.al-premium-course-grid .cc-img{height:190px;position:relative;overflow:hidden}.al-premium-course-grid .cc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22) 45%,transparent 65%);transform:translateX(-120%);transition:transform .8s var(--wcl-ease)}.al-premium-course-grid .course-card:hover .cc-img:after{transform:translateX(120%)}
.al-premium-course-grid .cc-body{padding:1.15rem}.al-premium-course-grid .cc-body h3{font-size:1.04rem}.al-premium-course-grid .cc-foot{padding-top:.75rem;border-top:1px solid #eef2f7}
.al-course-item{animation:wclCardIn .65s var(--wcl-ease) both}.al-course-item:nth-child(2){animation-delay:.04s}.al-course-item:nth-child(3){animation-delay:.08s}.al-course-item:nth-child(4){animation-delay:.12s}.al-course-item:nth-child(5){animation-delay:.16s}.al-course-item:nth-child(6){animation-delay:.20s}
.al-filter-panel{border-radius:22px;box-shadow:0 16px 45px rgba(15,23,42,.07)}
.al-results-toolbar{padding:.25rem .1rem}.al-view-btn,.al-toolbar-right select{transition:.25s var(--wcl-ease)}.al-view-btn:hover{transform:translateY(-2px)}
.al-featured-strip{border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.12)}
.al-path-card{border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.035)}
/* depth on all premium cards */
.course-card,.blog-card,.instr-card,.rev-card,.skill-lab-card,.al-path-card{transform-style:preserve-3d}
@keyframes wclSweep{to{transform:translateX(40%)}}@keyframes wclGradient{50%{background-position:100% 0}}@keyframes wclCardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1120px){.al-premium-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-assembly-strip{grid-template-columns:1fr}.al-assembly-stages{justify-content:flex-start}}
@media(max-width:780px){.al-premium-course-grid{grid-template-columns:1fr}.al-assembly-strip{padding:1.2rem}.al-assembly-stages{display:grid;grid-template-columns:1fr 1fr}.al-assembly-stages>i{display:none}}
@media(prefers-reduced-motion:reduce){.al-catalog-hero:before,.al-catalog-copy h1 span{animation:none}.al-course-item{animation:none}.al-premium-course-grid .course-card:hover{transform:none}}