/* ============================================================
   SANJIB KUMAR MOHANTY — SHARED SITE STYLES
   Theme variables live in the selected style-theme*.css file.
   Change only the theme stylesheet link in index.html each week.
   ============================================================ */

/* Base */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--ink);
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:400;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 88% 8%, var(--glow-1,rgba(255,184,77,0.12)), transparent 30rem),
    radial-gradient(circle at 5% 34%, var(--glow-2,rgba(139,108,247,0.14)), transparent 34rem),
    var(--bg);
}
a{color:inherit;text-decoration:none;}
.display{font-family:'Space Grotesk',sans-serif;}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
img{max-width:100%;display:block;}
.skip-link{position:absolute;left:1rem;top:-60px;z-index:100;background:var(--emerald);color:#04140D;font-weight:700;font-size:.85rem;padding:.7rem 1.1rem;border-radius:8px;transition:top .15s ease;}
.skip-link:focus{top:1rem;}
.btn{padding:.9rem 1.6rem;font-size:.86rem;font-weight:700;border-radius:var(--radius-btn,999px);cursor:pointer;border:1px solid transparent;font-family:'Plus Jakarta Sans';}
.btn-primary{background:var(--grad);color:var(--btn-text,#000);}
.btn-primary:hover{filter:brightness(1.08);}
.btn-outline{border-color:var(--line);color:var(--ink);background:transparent;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);}
section{padding:6rem 2rem;}
.inner{max-width:1320px;margin:0 auto;}
.head{margin-bottom:2.4rem;}
.head h2{font-family:'Space Grotesk';font-weight:700;font-size:clamp(1.7rem,4vw,2.3rem);}
.head p{color:var(--ink-soft);max-width:36rem;margin-top:.6rem;line-height:1.6;}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* Header and navigation */
header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.6rem;background:var(--header-bg,rgba(10,15,29,.88));backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
header .brand{display:flex;align-items:center;gap:.6rem;}
header .brand img{height:34px;width:34px;border-radius:8px;object-fit:cover;}
header .brand span{font-family:'Space Grotesk';font-weight:700;font-size:1.05rem;}
header nav{display:none;}
@media(min-width:840px){header nav{display:flex;gap:1.7rem;}}
header nav a{font-size:.82rem;font-weight:500;color:var(--ink-soft);}
header nav a:hover{color:var(--gold);}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1.1rem;cursor:pointer;}
@media(min-width:840px){.menu-toggle{display:none;}}
.mobile-nav{display:none;flex-direction:column;background:var(--card);border-bottom:1px solid var(--line);padding:.6rem 1.6rem 1rem;}
.mobile-nav.open{display:flex;}
.mobile-nav a{padding:.6rem 0;font-size:.9rem;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-nav a:last-child{border-bottom:none;}
@media(min-width:840px){.mobile-nav{display:none!important;}}

/* Hero */
.hero{min-height:88vh;display:flex;align-items:center;padding:4.5rem 2rem 4rem;position:relative;background:transparent;}
.hero-inner{max-width:1320px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;}
@media(min-width:880px){.hero-inner{grid-template-columns:1.08fr .92fr;gap:4rem;}}
.eyebrow{font-size:.88rem;font-weight:700;color:var(--gold);margin-bottom:1.1rem;text-transform:uppercase;letter-spacing:.06em;}
.hero h1{font-family:'Space Grotesk';font-weight:700;font-size:clamp(1.4rem,2.3vw,2.25rem);line-height:1.18;text-wrap:balance;-webkit-text-wrap:balance;}
@media(max-width:480px){.hero h1{font-size:clamp(1.15rem,4.8vw,1.35rem);line-height:1.22;}}
.hero p.tag{font-size:1.1rem;color:var(--ink-soft);max-width:38rem;margin:1.35rem 0 2.2rem;line-height:1.7;}
.hero .about-closing{margin-bottom:2.1rem;}
.cta-row{display:flex;gap:.85rem;flex-wrap:wrap;}
.hero-portrait{position:relative;max-width:430px;width:100%;margin:0 auto;}
.hero-portrait .ring{position:absolute;inset:10% 5% 4%;border-radius:50%;background:var(--grad);opacity:.2;filter:blur(42px);}
.hero-portrait .card{position:relative;overflow:visible;background:transparent;border:0;box-shadow:none;aspect-ratio:435/513;}
.hero-portrait .card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.32)) contrast(1.03) saturate(.98);}
.stat-float{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.6rem .9rem;font-size:.75rem;color:var(--ink-soft);}
.stat-float b{display:block;font-family:'Space Grotesk';font-size:1.05rem;color:var(--emerald);}
.stat-1{top:6%;left:-12%;}.stat-2{bottom:6%;right:-10%;}.stat-3{top:6%;right:-12%;}
@media(max-width:880px){.stat-float{padding:.5rem .7rem;font-size:.68rem;}.stat-1{top:2%;left:2%;}.stat-2{bottom:3%;right:2%;}.stat-3{top:2%;right:2%;}}

/* About */
.pillars{display:grid;grid-template-columns:1fr;gap:1.1rem;}
@media(min-width:760px){.pillars{grid-template-columns:repeat(3,1fr);}}
.pillar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,20px);padding:1.7rem;display:flex;flex-direction:column;gap:.7rem;}
.pillar .dot{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:700;font-size:1rem;}
.pillar.gold .dot{background:rgba(255,184,77,.16);color:var(--gold);}.pillar.emerald .dot{background:rgba(47,212,152,.16);color:var(--emerald);}.pillar.violet .dot{background:rgba(139,108,247,.18);color:var(--violet);}
.pillar h3{font-family:'Space Grotesk';font-size:1.1rem;}.pillar p{font-size:.88rem;color:var(--ink-soft);line-height:1.65;}

.about-story{max-width:760px;margin:1.5rem auto 0;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.7rem;}
.about-story p{font-size:1rem;line-height:1.7;color:var(--ink-soft);margin:0;}
.about-keyline{padding-left:.85rem;border-left:3px solid var(--gold);font-weight:700;color:var(--ink);background:rgba(255,184,77,.05);}
.about-closing{font-family:'Space Grotesk';font-size:1.12rem;font-weight:700;color:var(--ink);letter-spacing:.01em;margin-top:.3rem !important;}
@media(max-width:760px){.about-story{padding:1rem .95rem;margin-top:1.25rem;}.about-story p{font-size:.95rem;line-height:1.65;}.about-closing{font-size:1.05rem;}}

/* Framework */
.ladder{display:flex;flex-direction:column;gap:0;border-left:2px solid transparent;margin-left:1rem;position:relative;}
.step{position:relative;z-index:1;padding:0 0 2.2rem 2.2rem;}
.step:last-child{padding-bottom:0;}
.step::before{content:attr(data-n);position:absolute;z-index:2;left:-1.05rem;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--grad);color:#000;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:700;font-size:.85rem;}
.step h3{font-family:'Space Grotesk';font-size:1.05rem;margin-bottom:.3rem;}.step p{color:var(--ink-soft);font-size:.88rem;line-height:1.6;max-width:34rem;}

/* Courses */
.course-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;max-width:1120px;margin:0 auto;}
@media(min-width:600px){.course-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.course-grid{grid-template-columns:repeat(3,1fr);}}
.course-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,16px);overflow:hidden;display:flex;flex-direction:column;}
.course-thumb{aspect-ratio:1/1;background:var(--card-hi);display:flex;align-items:center;justify-content:center;padding:0.9rem;}.course-thumb img{width:100%;height:100%;object-fit:contain;}
.course-info{padding:0.85rem 1.1rem 1.15rem;}.course-info h3{font-family:'Space Grotesk';font-size:0.98rem;margin-bottom:0.28rem;}.course-info p{font-size:0.82rem;color:var(--ink-soft);line-height:1.55;}

/* Legacy Creator Series */
.legacy-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;max-width:1120px;margin:0 auto;}
@media(min-width:600px){.legacy-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.legacy-grid{grid-template-columns:repeat(4,1fr);}}
.legacy-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,16px);overflow:hidden;display:flex;flex-direction:column;position:relative;}
.legacy-thumb{aspect-ratio:1/1;background:var(--card-hi);display:flex;align-items:center;justify-content:center;padding:0.9rem;}.legacy-thumb img{width:100%;height:100%;object-fit:contain;}
.legacy-info{padding:0.85rem 1.1rem 1.15rem;}.legacy-step{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--grad);color:#000;font-family:'Space Grotesk';font-weight:700;font-size:.72rem;margin-bottom:.65rem;}.legacy-info h3{font-family:'Space Grotesk';font-size:0.98rem;margin-bottom:0.28rem;}.legacy-info p{font-size:0.82rem;color:var(--ink-soft);line-height:1.55;}

/* Ventures */
.venture-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:700px){.venture-strip{grid-template-columns:repeat(3,1fr);}}@media(min-width:980px){.venture-strip{grid-template-columns:repeat(6,1fr);}}
.venture{background:radial-gradient(circle at 50% 38%,var(--glow-1,rgba(255,184,77,.16)),transparent 68%),var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-align:center;}.venture img{width:100%;height:100%;min-height:160px;object-fit:contain;padding:1rem;display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.2));}.venture span{display:block;padding:.8rem .6rem .95rem;font-size:.72rem;color:var(--ink-soft);line-height:1.4;}

/* Forms and footer */
.form-wrap{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:2rem 1.4rem;}@media(min-width:720px){.form-wrap{padding:2.6rem;}}
.form-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;}@media(min-width:720px){.form-grid{grid-template-columns:1fr 1fr;}}
.field{display:flex;flex-direction:column;gap:.4rem;}.field.full{grid-column:1/-1;}.field label{font-size:.78rem;font-weight:600;color:var(--ink-soft);}
input,select,textarea{background:var(--input-bg,rgba(244,246,251,.04));border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:'Plus Jakarta Sans';font-size:.92rem;padding:.75rem .9rem;outline:none;}
input:focus,select:focus,textarea:focus{border-color:var(--gold);}.field textarea{resize:vertical;min-height:80px;}select option{background:var(--card);}.submit-row{margin-top:1.7rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.form-note{font-size:.8rem;color:var(--ink-soft);}.form-note.err{color:#FF6B6B;font-weight:700;}
.channels{display:grid;grid-template-columns:1fr;gap:1.1rem;}@media(min-width:720px){.channels{grid-template-columns:repeat(3,1fr);}}.channel-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.6rem;}.channel-card h3{font-family:'Space Grotesk';font-size:1.05rem;}.channel-card p{font-size:.85rem;color:var(--ink-soft);line-height:1.6;}.channel-card .go{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--gold);}.channel-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;transition:transform 300ms ease,box-shadow 300ms ease;}.channel-icon svg,.channel-icon img{width:30px;height:30px;object-fit:contain;}.channel-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.channel-icon path:last-child{fill:currentColor;stroke:none;}.whatsapp-icon{color:#25D366;background:rgba(37,211,102,.12);}.linkedin-icon{color:#0A66C2;background:rgba(10,102,194,.13);}.youtube-icon{color:#FF2D2D;background:rgba(255,45,45,.12);}.channel-card:hover .channel-icon{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.18);}
/* Full Story section */
.full-story-intro{font-size:1rem;color:var(--ink-soft);line-height:1.8;max-width:52rem;margin-bottom:2.4rem;}
.story-blocks{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.4rem;}
.story-block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,20px);padding:1.6rem 1.8rem;}
.story-block h3{font-family:'Space Grotesk';font-size:1.1rem;font-weight:700;margin-bottom:0.65rem;color:var(--gold);}
.story-block p{font-size:0.92rem;color:var(--ink-soft);line-height:1.75;max-width:64rem;}
.story-closing{border-left:3px solid var(--gold);background:rgba(255,184,77,0.05);border-radius:0 var(--radius-card,20px) var(--radius-card,20px) 0;padding:1rem 1.4rem;font-size:1.05rem;margin-top:0;}
.story-back-top{text-align:center;margin-top:2.4rem;}
.back-top-link{font-size:0.82rem;font-weight:700;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:0.5rem 1.2rem;transition:color 200ms,border-color 200ms;}
.back-top-link:hover{color:var(--gold);border-color:var(--gold);}

footer{padding:2.6rem 1.4rem 2rem;text-align:center;border-top:1px solid var(--line);}footer .credits{font-family:'Space Grotesk';font-size:.78rem;color:var(--ink-soft);}


/* Motion */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 700ms ease,transform 700ms ease;}[data-reveal].is-visible{opacity:1;transform:none;}.hero [data-reveal]{transition-duration:850ms;}.hero [data-reveal]:nth-child(2){transition-delay:140ms;}
.hero-portrait .card img{transition:transform 700ms cubic-bezier(.2,.75,.25,1),filter 700ms ease;}.hero-portrait:hover .card img{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 30px 28px rgba(0,0,0,.38)) contrast(1.03) saturate(1.02);}.hero-portrait .ring{animation:heroGlow 7s ease-in-out infinite alternate;}.stat-float{transition:transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease;animation:badgeFloat 5s ease-in-out infinite;}.stat-2{animation-delay:-2.2s;}.stat-float:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.2);}
.course-card,.legacy-card,.venture{transition:transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease;}.course-card:hover,.legacy-card:hover,.venture:hover{transform:translateY(-6px);border-color:rgba(255,184,77,.5);box-shadow:0 16px 32px rgba(0,0,0,.22);}.course-thumb img,.legacy-thumb img,.venture img{transition:transform 450ms cubic-bezier(.2,.75,.25,1),filter 450ms ease;}.course-card:hover .course-thumb img,.legacy-card:hover .legacy-thumb img,.venture:hover img{transform:scale(1.045);filter:saturate(1.08);}.venture:hover span{color:var(--ink);}
.step{opacity:0;transform:translateY(-18px);transition:opacity 520ms ease,transform 520ms cubic-bezier(.2,.75,.25,1);}.ladder.is-visible .step{opacity:1;transform:none;}.ladder.is-visible .step:nth-child(1){transition-delay:180ms;}.ladder.is-visible .step:nth-child(2){transition-delay:340ms;}.ladder.is-visible .step:nth-child(3){transition-delay:500ms;}.ladder.is-visible .step:nth-child(4){transition-delay:660ms;}.ladder.is-visible .step:nth-child(5){transition-delay:820ms;}.ladder.is-visible .step:nth-child(6){transition-delay:980ms;}.ladder.is-visible .step:nth-child(7){transition-delay:1140ms;}.step::before{transition:box-shadow 300ms ease,transform 300ms ease;}.ladder.is-visible .step::before{box-shadow:0 0 0 5px rgba(47,212,152,.1);}.step:hover::before{transform:scale(1.08);box-shadow:0 0 0 7px rgba(255,184,77,.12);}.ladder::after{content:"";position:absolute;z-index:0;left:-2px;top:1.05rem;width:2px;height:0;background:var(--emerald);opacity:.7;transition:height 960ms linear 180ms;pointer-events:none;}.ladder.is-visible::after{height:var(--ladder-line-height,0px);}.form-note.is-sending::after{content:"";display:inline-block;width:1em;animation:loadingDots 1.2s steps(4,end) infinite;}
@keyframes heroGlow{from{transform:scale(.94);opacity:.15;}to{transform:scale(1.04);opacity:.28;}}@keyframes badgeFloat{0%,100%{translate:0 0;}50%{translate:0 -5px;}}@keyframes loadingDots{0%{content:"";}25%{content:".";}50%{content:"..";}75%,100%{content:"...";}}
@media(prefers-reduced-motion:reduce){[data-reveal],.step{opacity:1;transform:none;transition:none;}.hero-portrait .ring,.stat-float{animation:none;}.hero-portrait:hover .card img,.course-card:hover .course-thumb img,.venture:hover img{transform:none;}.ladder::after{height:100%;transition:none;}}