/* Prestige Coding & Technology — Phase 1 Premium Visual Transformation */
:root{
  --p1-ink:#07111f;--p1-muted:#5f6f82;--p1-line:rgba(15,34,58,.11);
  --p1-blue:#0b5cff;--p1-cyan:#00b7ff;--p1-violet:#6d4aff;--p1-navy:#071a33;
  --p1-surface:#fff;--p1-soft:#f5f8ff;--p1-glow:0 24px 70px rgba(12,43,91,.13);
  --p1-card:0 16px 42px rgba(14,35,66,.09);--p1-radius:24px;--p1-radius-sm:16px;
  --p1-max:1240px;
}
html{scroll-behavior:smooth;background:#fff}
body.worldclass-v36{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--p1-ink);background:
radial-gradient(circle at 8% 4%,rgba(11,92,255,.07),transparent 26rem),
radial-gradient(circle at 92% 15%,rgba(109,74,255,.06),transparent 24rem),#fff;letter-spacing:-.012em;overflow-x:hidden}
body.worldclass-v36::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(10,52,104,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,52,104,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.container{width:min(calc(100% - 40px),var(--p1-max));margin-inline:auto}
main{isolation:isolate}
.section{padding:clamp(76px,8vw,120px) 0;position:relative}
.section:nth-of-type(even):not(.feature-band):not(.form-wrap){background:linear-gradient(180deg,rgba(247,250,255,.74),rgba(255,255,255,.92))}
.section h2,.section-title h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.02;letter-spacing:-.055em;color:var(--p1-ink);text-wrap:balance}
.section h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.035em}
.section p{color:var(--p1-muted);line-height:1.75}
.section-title{max-width:820px;margin-bottom:clamp(34px,5vw,58px)}
.section-title.center{margin-inline:auto;text-align:center}
.eyebrow,.kicker,.px-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.58rem .85rem;border:1px solid rgba(11,92,255,.16);border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 10px 30px rgba(15,49,96,.07);color:#0b53de;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(14px)}

/* Header */
.header.prestige-pro-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(9,35,69,.08);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 10px 35px rgba(10,35,68,.05);transition:.3s ease}
.header.prestige-pro-header.is-scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 16px 45px rgba(10,35,68,.1)}
.header .nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--p1-ink)}
.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(11,92,255,.14))}
.brand strong{font-family:"Space Grotesk",sans-serif;font-size:1rem;letter-spacing:-.035em}.brand small{display:block;color:#718096;font-size:.68rem;letter-spacing:.02em}
.prestige-menu{display:flex;align-items:center;gap:4px}
.prestige-menu>a,.nav-dropbtn{position:relative;padding:12px 14px!important;border-radius:12px!important;color:#26364a!important;font-size:.9rem!important;font-weight:750!important;text-decoration:none;border:0;background:transparent;transition:.2s ease}
.prestige-menu>a::after,.nav-dropbtn::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--p1-blue),var(--p1-violet));transform:scaleX(0);transform-origin:center;transition:.25s ease}
.prestige-menu>a:hover,.prestige-menu>a[aria-current="page"],.nav-dropbtn:hover{color:var(--p1-blue)!important;background:rgba(11,92,255,.06)!important}
.prestige-menu>a:hover::after,.prestige-menu>a[aria-current="page"]::after,.nav-dropbtn:hover::after{transform:scaleX(1)}
.nav-dropdown-menu{border:1px solid rgba(12,45,83,.1)!important;border-radius:18px!important;padding:10px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 25px 70px rgba(8,32,65,.17)!important;backdrop-filter:blur(18px)}
.nav-dropdown-menu a{border-radius:11px!important;padding:11px 13px!important;color:#304257!important;font-weight:650!important}.nav-dropdown-menu a:hover{background:#f0f5ff!important;color:var(--p1-blue)!important;transform:translateX(3px)}

/* Buttons */
.btn,button[type="submit"],input[type="submit"]{min-height:50px;border-radius:14px!important;padding:.88rem 1.25rem!important;font-weight:800!important;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none}
.btn:hover,button[type="submit"]:hover,input[type="submit"]:hover{transform:translateY(-3px)}
.btn-primary{border:0!important;background:linear-gradient(135deg,var(--p1-blue),var(--p1-violet))!important;color:#fff!important;box-shadow:0 14px 35px rgba(42,79,226,.28)!important}
.btn-primary:hover{box-shadow:0 20px 45px rgba(42,79,226,.38)!important}
.btn-light{background:#fff!important;color:var(--p1-ink)!important;border:1px solid rgba(9,34,65,.1)!important;box-shadow:0 12px 30px rgba(9,34,65,.09)!important}
.btn-outline{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.34)!important;color:inherit!important}

/* Hero */
.hero,.hero-slide,.prestige-hero-shell{position:relative;overflow:hidden}
.hero,.hero-slide{min-height:clamp(460px,68vh,700px);display:grid;align-items:center;background:
radial-gradient(circle at 12% 20%,rgba(0,183,255,.22),transparent 25rem),
radial-gradient(circle at 85% 20%,rgba(109,74,255,.28),transparent 28rem),
linear-gradient(135deg,#04101f 0%,#082858 54%,#07152a 100%)!important;color:#fff}
.hero::before,.hero-slide::before,.prestige-hero-shell::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}
.hero h1,.hero-slide h1,.px-hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.7rem,6vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.065em!important;text-wrap:balance;max-width:980px}
.hero p,.hero-slide p,.px-hero p{font-size:clamp(1rem,1.5vw,1.22rem)!important;line-height:1.7!important;color:rgba(255,255,255,.78)!important;max-width:760px}
.px-hero{min-height:clamp(620px,86vh,860px)!important;display:grid!important;align-items:center!important;background:
radial-gradient(circle at 15% 10%,rgba(0,183,255,.25),transparent 28rem),
radial-gradient(circle at 82% 18%,rgba(109,74,255,.25),transparent 27rem),linear-gradient(135deg,#04101f,#082a5f 56%,#061326)!important}
.px-hero-grid{position:relative;z-index:2;gap:clamp(30px,5vw,75px)!important}.px-gradient-text{background:linear-gradient(90deg,#fff,#8ae4ff 52%,#b9a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.px-hero-actions{gap:13px!important;flex-wrap:wrap}.px-trust-row,.hero-meta,.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.px-trust-row>* ,.hero-meta>*{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);border-radius:14px;padding:10px 13px;backdrop-filter:blur(12px)}

/* Cards / grids */
.card,.service-card,.course-card,.project-card,.blog-card,.feature-card,.stat-card,.testimonial-card,.contact-card,.value-card,.step-card,.px-card,.px-service-card,.px-course-card{position:relative;border:1px solid var(--p1-line)!important;border-radius:var(--p1-radius)!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--p1-card)!important;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.card::before,.service-card::before,.course-card::before,.project-card::before,.blog-card::before,.feature-card::before,.value-card::before,.step-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--p1-blue),var(--p1-cyan),var(--p1-violet));opacity:.85}
.card:hover,.service-card:hover,.course-card:hover,.project-card:hover,.blog-card:hover,.feature-card:hover,.stat-card:hover,.testimonial-card:hover,.contact-card:hover,.value-card:hover,.step-card:hover,.px-card:hover,.px-service-card:hover,.px-course-card:hover{transform:translateY(-9px);box-shadow:0 28px 75px rgba(11,39,78,.16)!important;border-color:rgba(11,92,255,.22)!important}
.grid,.cards-grid,.services-grid,.courses-grid,.projects-grid,.blog-grid,.features-grid,.stats-grid{gap:clamp(18px,2.3vw,30px)!important}
.card img,.service-card img,.course-card img,.project-card img,.blog-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1);width:100%;object-fit:cover}.card:hover img,.service-card:hover img,.course-card:hover img,.project-card:hover img,.blog-card:hover img{transform:scale(1.045)}
.icon,.service-icon,.feature-icon,.card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(11,92,255,.12),rgba(109,74,255,.12));color:var(--p1-blue);box-shadow:inset 0 0 0 1px rgba(11,92,255,.1)}

/* Feature bands and forms */
.feature-band{background:linear-gradient(135deg,#06162c,#0a326b 58%,#15164a)!important;color:#fff;overflow:hidden}
.feature-band::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;bottom:-240px;background:radial-gradient(circle,rgba(0,183,255,.3),transparent 66%)}
.feature-band h2,.feature-band h3{color:#fff!important}.feature-band p{color:rgba(255,255,255,.72)!important}
.form-wrap{background:linear-gradient(180deg,#f7f9ff,#eef4ff)!important}
form,.form-card,.login-card{border:1px solid rgba(13,48,92,.1);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(10,38,78,.13);backdrop-filter:blur(20px)}
input,select,textarea{border:1px solid rgba(11,41,78,.15)!important;border-radius:13px!important;background:#fbfdff!important;min-height:50px;padding:.85rem 1rem!important;color:var(--p1-ink)!important;transition:.2s ease!important}textarea{min-height:140px}input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(11,92,255,.6)!important;box-shadow:0 0 0 4px rgba(11,92,255,.1)!important;background:#fff!important}

/* Footer */
.footer{position:relative;background:linear-gradient(145deg,#030b16,#071a33 60%,#081326)!important;color:#fff;padding:80px 0 28px!important;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(0,183,255,.12),transparent 30rem),radial-gradient(circle at 90% 20%,rgba(109,74,255,.14),transparent 28rem);pointer-events:none}
.footer-grid{position:relative;gap:clamp(30px,5vw,70px)!important}.footer h4{color:#fff;font-family:"Space Grotesk",sans-serif;font-size:1.05rem}.footer p,.footer a{color:rgba(255,255,255,.66)!important;line-height:1.8}.footer a:hover{color:#fff!important;transform:translateX(3px)}

/* Premium interaction helpers */
.p1-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.p1-reveal.is-visible{opacity:1;transform:none}
.p1-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:2000;background:linear-gradient(90deg,var(--p1-blue),var(--p1-cyan),var(--p1-violet));box-shadow:0 0 18px rgba(0,183,255,.55)}
::selection{background:rgba(11,92,255,.18);color:#061326}

@media (max-width:1023px){
 .container{width:min(calc(100% - 30px),var(--p1-max))}.section{padding:72px 0}
 .prestige-menu{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(22px)!important}.prestige-menu>a,.nav-dropbtn{width:100%;justify-content:space-between!important}
 .px-hero{min-height:auto!important;padding:110px 0 78px!important}.px-hero-grid{grid-template-columns:1fr!important}.px-hero h1{max-width:760px}
}
@media (max-width:640px){
 .container{width:min(calc(100% - 22px),var(--p1-max))}.header .nav{min-height:70px}.brand img{width:42px;height:42px}.brand strong{font-size:.9rem}
 .section{padding:58px 0}.section h2,.section-title h2{font-size:clamp(1.85rem,9vw,2.7rem)}
 .hero,.hero-slide{min-height:470px;padding:84px 0 58px}.hero h1,.hero-slide h1,.px-hero h1{font-size:clamp(2.35rem,12vw,3.5rem)!important}
 .px-hero-actions .btn,.hero-actions .btn{width:100%}.card,.service-card,.course-card,.project-card,.blog-card,.feature-card,.stat-card,.testimonial-card{border-radius:20px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p1-reveal{opacity:1;transform:none;transition:none}.card,.btn,img{transition:none!important}}