/*
   Skill Sakhi public premium layer.
   Loaded last to unify public pages without breaking dynamic PHP templates.
*/
:root{
  --sk-red:#e30613;
  --sk-red-2:#ff3445;
  --sk-ink:#07111f;
  --sk-text:#111827;
  --sk-muted:#667085;
  --sk-line:#e7ecf3;
  --sk-soft:#f7f9fc;
  --sk-glass:rgba(255,255,255,.78);
  --sk-shadow:0 22px 70px rgba(16,24,40,.10);
  --sk-shadow-2:0 34px 100px rgba(16,24,40,.16);
  --sk-radius:18px;
  --sk-ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#fff 0,#fbfcff 38%,#fff 100%)!important;color:var(--sk-text)!important}
.ss-nav{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(231,236,243,.9)!important;
  box-shadow:0 16px 50px rgba(16,24,40,.055)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
}
.nav-links>li>a{position:relative}
.nav-links>li>a:after{
  content:"";position:absolute;left:0;right:0;bottom:22px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--sk-red),var(--sk-red-2));
  transform:scaleX(0);transform-origin:left;transition:transform .22s var(--sk-ease);
}
.nav-links>li>a:hover:after,.nav-links>li>a.active:after{transform:scaleX(1)}
.ss-nav-search,.ss-login-btn,.ss-join-btn,.ss-cart{
  box-shadow:0 10px 30px rgba(16,24,40,.05);
  transition:transform .2s var(--sk-ease),box-shadow .2s var(--sk-ease),border-color .2s var(--sk-ease);
}
.ss-nav-search:hover,.ss-cart:hover,.ss-login-btn:hover,.ss-join-btn:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(16,24,40,.10)}
.ss-login-btn,.ss-join-btn,.btn-red,.btn-rd,.cdx-btn.red,.login-btn,.submit,.apply{
  background:linear-gradient(135deg,var(--sk-red),#ff1f32)!important;
  border-color:transparent!important;
  box-shadow:0 16px 36px rgba(227,6,19,.22)!important;
}
.btn-white,.btn-out,.cdx-btn:not(.red),.ref-btn.out,.social{
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(207,215,228,.9)!important;
  backdrop-filter:blur(14px);
}
.hp,.cdx,.mx,.ref,.wsref,.iref,.loginref{background:
  radial-gradient(circle at 8% 9%,rgba(227,6,19,.045),transparent 27%),
  radial-gradient(circle at 92% 24%,rgba(99,102,241,.06),transparent 27%),
  linear-gradient(180deg,#fff 0,#fbfcff 48%,#fff 100%)!important;
}
.hp-wrap,.cdx-wrap,.mx-wrap,.ref-wrap,.ws-wrap,.ir-wrap,.lr-wrap,.wrap,.ss-wrap{max-width:1360px!important}
.hp-section,.sec{padding-top:64px!important;padding-bottom:64px!important}
.hero-grid-new,.cdx-hero,.mx-hero,.mentor-hero,.ws-hero-in,.ir-hero-in,.lr-card{
  position:relative;
}
.hero-grid-new:before,.cdx-hero:before,.mx-hero:before,.mentor-hero:before{
  content:"";position:absolute;inset:-20px;border-radius:32px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.22));
  opacity:.55;z-index:0;
}
.hero-grid-new>*,.cdx-hero>*,.mx-hero>*,.mentor-hero>*{position:relative;z-index:1}
.hero-h,.cdx-h1,.mx-title,.mentor-title,.ir-h1,.lr-left h1,.ph-h1,.hp-title,.sec-title{
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.hero-p,.cdx-desc,.mx-sub,.ir-sub,.ws-sub,.about-text,.ph-sub{color:var(--sk-muted)!important}
.hero-art img,.preview,.portrait,.collage .tile,.ir-pic img,.lr-card{
  box-shadow:var(--sk-shadow-2)!important;
}
.hero-red-disc{
  background:linear-gradient(135deg,var(--sk-red),#ff4a5a)!important;
  box-shadow:0 30px 90px rgba(227,6,19,.28);
  animation:skFloat 5s ease-in-out infinite;
}
.orbital{animation:skOrbit 18s linear infinite}
.float-stat,.stat-panel,.buy,.side-card,.filters,.form-card,.why-card,.quote-bar,.stat-strip,.feature-strip,.mx-strip,.lr-stats,.stay,.newsletter,.red-cta,.dark-cta{
  background:var(--sk-glass)!important;
  border:1px solid rgba(231,236,243,.86)!important;
  box-shadow:var(--sk-shadow)!important;
  backdrop-filter:blur(18px) saturate(1.25);
}
.red-cta,.newsletter,.stay .env + div,.dark-cta{overflow:hidden}
.red-cta,.newsletter{
  background:linear-gradient(135deg,#e30613 0,#ff1f32 62%,#ff6b77 100%)!important;
  box-shadow:0 26px 70px rgba(227,6,19,.24)!important;
}
.dark-cta,.ss-footer{
  background:
    radial-gradient(circle at 12% 0,rgba(227,6,19,.18),transparent 30%),
    linear-gradient(135deg,#07111f,#0d1728 55%,#030712)!important;
}
.hp-card,.course,.ref-course,.wcard,.mentor-card-pro,.review,.tcard,.skill,.why,.story,.blog,.project,.info,.faq-line,.course-card,.cat-card,.blog-card,.pricing-card,.faq-card,.gallery-card,.inst-card{
  border:1px solid rgba(231,236,243,.9)!important;
  border-radius:var(--sk-radius)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 16px 46px rgba(16,24,40,.075)!important;
  transform:translateZ(0);
  transition:transform .24s var(--sk-ease),box-shadow .24s var(--sk-ease),border-color .24s var(--sk-ease),filter .24s var(--sk-ease);
}
.hp-card:hover,.course:hover,.ref-course:hover,.wcard:hover,.mentor-card-pro:hover,.review:hover,.tcard:hover,.skill:hover,.why:hover,.story:hover,.blog:hover,.project:hover,.info:hover,.course-card:hover,.cat-card:hover,.blog-card:hover,.pricing-card:hover,.faq-card:hover,.gallery-card:hover,.inst-card:hover{
  transform:translateY(-7px) scale(1.01)!important;
  border-color:rgba(227,6,19,.22)!important;
  box-shadow:0 32px 90px rgba(16,24,40,.15)!important;
}
.course-img,.wimg,.blog-img,.project img,.mc-img,.portrait,.preview,.course-thumb{
  overflow:hidden;
}
.course-img img,.wimg img,.blog-img img,.project img,.mc-img img,.portrait img,.preview img,.course-thumb img{
  transition:transform .55s var(--sk-ease),filter .55s var(--sk-ease);
}
.course:hover .course-img img,.wcard:hover .wimg img,.blog:hover .blog-img img,.project:hover img,.mentor-card-pro:hover .mc-img img,.ref-course:hover .course-img img,.portrait:hover img,.preview:hover img,.course-card:hover img{
  transform:scale(1.075);
  filter:saturate(1.08) contrast(1.04);
}
.tag,.course-tag,.status,.role-pill,.badge-red,.top-tag,.off,.discount{
  background:linear-gradient(135deg,var(--sk-red),#ff3142)!important;
  box-shadow:0 10px 24px rgba(227,6,19,.2);
  color:#fff!important;
}
.learn,.chips span,.tags span,.cdx-pill,.check i,.step-ic,.stat-ic,.why-ic,.feature i,.stat-ico{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 30px rgba(16,24,40,.06);
}
.feature-strip,.stat-strip,.mx-strip,.lr-stats{overflow:hidden}
.feature,.stat-mini,.mx-stat,.lr-stat{transition:background .2s var(--sk-ease)}
.feature:hover,.stat-mini:hover,.mx-stat:hover,.lr-stat:hover{background:rgba(255,255,255,.92)}
.footer-top{padding:72px 0 58px!important}
.ss-footer{border-top:1px solid rgba(255,255,255,.08)}
.ft-logo-img{background:#fff!important;border-radius:12px!important;padding:8px!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
.ft-links a,.ft-contact-item,.ft-about{color:rgba(255,255,255,.66)!important}
.ft-links a:hover{color:#fff!important;transform:translateX(3px)}
.ft-soc-btn{border-radius:999px!important;background:rgba(255,255,255,.06)!important}
.ft-soc-btn:hover{background:linear-gradient(135deg,var(--sk-red),#ff3142)!important}
.ft-cert{border-radius:999px!important;background:rgba(255,255,255,.05)}
.ft-nl{border-radius:16px!important;background:rgba(255,255,255,.07)!important}
.ft-nl-form{border-radius:12px!important}
.ft-nl-form button{border-radius:10px!important;margin:4px}
.t-carousel{position:relative;overflow:hidden}
.t-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 28px;scrollbar-width:none}
.t-track::-webkit-scrollbar{display:none}
.tcard{min-width:360px;scroll-snap-align:start;padding:28px}
.tquote{font-size:15px;line-height:1.75;color:#344054}
.tmeta{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid var(--sk-line)}
.tavatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#111827,#e30613);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden}
.tavatar img{width:100%;height:100%;object-fit:cover}
.tstars{color:#ffb020;letter-spacing:2px}
.t-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:-8px}
.t-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--sk-line);background:#fff;box-shadow:0 10px 25px rgba(16,24,40,.08);cursor:pointer}
.home-review-slider{position:relative;min-height:230px;overflow:hidden}
.home-review-slide{position:absolute;inset:0;opacity:0;transform:translateX(18px);transition:opacity .35s var(--sk-ease),transform .35s var(--sk-ease);pointer-events:none}
.home-review-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}
.home-review-dots{display:flex;gap:8px;margin-top:16px}
.home-review-dots button{width:9px;height:9px;border-radius:999px;border:0;background:#cfd7e4;cursor:pointer;transition:.2s var(--sk-ease)}
.home-review-dots button.active{width:26px;background:linear-gradient(90deg,var(--sk-red),var(--sk-red-2))}
.buy{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78))!important}
.buy-price{background:linear-gradient(135deg,#07111f,#e30613);-webkit-background-clip:text;background-clip:text;color:transparent}
.curr .mod:hover,.faq-line:hover{background:#fff8f9}
.outline-red:hover{background:var(--sk-red)!important;color:#fff!important;box-shadow:0 16px 36px rgba(227,6,19,.18)}
.control input,.input,.field-input,.ss-input{transition:border-color .2s var(--sk-ease),box-shadow .2s var(--sk-ease),transform .2s var(--sk-ease)}
.control input:focus,.input:focus,.field-input:focus,.ss-input:focus{transform:translateY(-1px)}
@keyframes skFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}
@keyframes skOrbit{to{transform:rotate(360deg)}}
@keyframes skFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hp-section,.sec,.cdx-hero,.mentor-hero,.ws-hero-in,.ir-hero-in,.lr-card{animation:skFadeUp .55s var(--sk-ease) both}
@media(max-width:1180px){
  .nav-links{gap:18px!important}
  .nav-links>li>a{font-size:13px!important}
  .hp-section,.sec{padding-top:50px!important;padding-bottom:50px!important}
}
@media(max-width:768px){
  .hp-wrap,.cdx-wrap,.mx-wrap,.ref-wrap,.ws-wrap,.ir-wrap,.lr-wrap,.wrap,.ss-wrap{padding-left:18px!important;padding-right:18px!important}
  .hero-grid-new:before,.cdx-hero:before,.mx-hero:before,.mentor-hero:before{display:none}
  .hero-h,.cdx-h1,.mx-title,.mentor-title,.ir-h1,.lr-left h1,.ph-h1{font-size:clamp(32px,10vw,44px)!important;line-height:1.05!important}
  .hp-title,.sec-title{font-size:clamp(24px,7vw,32px)!important}
  .hero-art,.preview,.portrait,.lr-left,.ir-pic,.ws-art{min-height:auto!important}
  .float-stat{display:none!important}
  .tcard{min-width:86vw}
  .footer-grid{gap:28px!important}
  .newsletter form,.stay form,.red-cta .hero-actions{flex-direction:column!important}
  .btn-red,.btn-white,.cdx-btn,.ref-btn,.submit,.login-btn,.apply{width:100%!important;justify-content:center!important}
}
@media(max-width:480px){
  .hp-section,.sec{padding-top:38px!important;padding-bottom:38px!important}
  .stat-strip,.feature-strip,.mx-strip,.lr-stats{border-radius:16px!important}
  .course-img,.wimg,.blog-img{min-height:180px}
}