/*
Theme Name: Pinakee Tech School Advanced
Theme URI: https://www.pinakeee.com/
Author: Pinakee Tech School
Description: Advanced editable multi-page WordPress theme for Pinakee Tech School with Customizer theme options, real editable Pages (Home, About Us, Courses, Buy Tool, Blog, Contact and more), admin settings, CPT content, lead capture, CSV export and n8n webhook integration.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pinakee-tech-school
License: GPL-2.0-or-later
*/
:root{
 --ink:#0B1120;
 --blue:#0052FF;      /* Brand base - bright blue */
 --lime:#BFFF00;       /* Accent - lime / yellow green */
 --orange:#F97316;     /* CTA buttons only */
 --card:rgba(255,255,255,.055);
 --border:rgba(255,255,255,.12);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f8fafc;font-family:Inter,Poppins,system-ui,sans-serif;overflow-x:hidden}
*{box-sizing:border-box}
a{text-decoration:none;color:inherit}
.glass{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.glass-strong{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.gradient-text{background:linear-gradient(90deg,var(--blue),var(--lime),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px}
.hero-glow{background:radial-gradient(circle at 65% 30%,color-mix(in srgb,var(--blue) 26%,transparent),transparent 32%),radial-gradient(circle at 35% 70%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 30%)}
.float{animation:ptsFloat 5s ease-in-out infinite}
.float2{animation:ptsFloat 6.5s ease-in-out infinite reverse}
@keyframes ptsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.show{opacity:1;transform:none}
.pulse-glow{animation:pulseGlow 2.8s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(0,82,255,0)}50%{box-shadow:0 0 35px color-mix(in srgb,var(--blue) 30%,transparent)}}
.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.mobile-menu{transform:translateX(100%);transition:transform .3s ease}
.mobile-menu.open{transform:translateX(0)}
body.nav-open{overflow:hidden}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq.open .faq-answer{max-height:300px}
.faq-plus{transition:transform .25s ease}
.faq.open .faq-plus{transform:rotate(45deg)}
.form-input{background:rgba(2,6,23,.58);border:1px solid rgba(255,255,255,.12);outline:none;color:#fff}
.form-input:focus{border-color:color-mix(in srgb,var(--blue) 70%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
.portfolio-item.hidden-item{display:none}
.section-kicker{letter-spacing:.18em}
.tool-chip{min-width:140px}
.site-admin-notice{padding:12px 16px;background:#111827;border-left:4px solid var(--orange);color:#e5e7eb}
.admin-thumb{width:70px;height:70px;object-fit:cover;border-radius:10px}
.prose-invert{color:#cbd5e1}
.prose-invert h2,.prose-invert h3{color:#fff}
.editable-intro .prose-invert p:first-child{margin-top:0}
.pinak-page-hero{padding:9rem 0 3rem}
.pinak-page-hero h1{line-height:1.05}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}