
:root {
  --sky-bg:#07111f; --sky-bg-deep:#040a13; --sky-panel:rgba(8,26,47,.94);
  --sky-panel-soft:rgba(12,35,62,.86); --sky-border:rgba(221,180,87,.50);
  --sky-gold:#e4bd63; --sky-gold-bright:#f7d77c; --sky-ivory:#fff5dc;
  --sky-text:#e9edf4; --sky-muted:#aabfd6; --sky-blue:#4da3ff;
  --sky-green:#6ed39d; --sky-shadow:0 18px 50px rgba(0,0,0,.34);
  --font-display:Cinzel, Georgia, 'Times New Roman', serif;
  --font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box} html{min-width:320px;color-scheme:dark;scroll-behavior:smooth;background:var(--sky-bg-deep)}
body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-ui);color:var(--sky-text);background:radial-gradient(circle at 78% 8%,rgba(48,104,181,.22),transparent 28rem),radial-gradient(circle at 18% 86%,rgba(32,82,138,.16),transparent 34rem),linear-gradient(145deg,#07111f 0%,#06101d 46%,#030912 100%)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(circle at 10% 14%,rgba(247,215,124,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 23% 42%,rgba(255,255,255,.6) 0 1px,transparent 1.4px),radial-gradient(circle at 38% 18%,rgba(77,163,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 17%,rgba(247,215,124,.6) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 78%,rgba(255,255,255,.45) 0 1px,transparent 1.4px)}
a{color:inherit} a:focus-visible{outline:2px solid var(--sky-gold-bright);outline-offset:4px;border-radius:6px} ::selection{color:#04101d;background:var(--sky-gold-bright)}
.wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}.brand img{display:block;width:min(360px,68vw);height:auto}.status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(110,211,157,.34);border-radius:999px;color:#bcefd2;background:rgba(42,126,84,.12);font-size:.74rem;font-weight:800;white-space:nowrap}.status:before{content:'✓';display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#061b12;background:var(--sky-green);font-size:.72rem;font-weight:900}
.hero{position:relative;overflow:hidden;min-height:500px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(290px,.87fr);align-items:center;gap:35px;padding:clamp(34px,6vw,72px);border:1px solid var(--sky-border);border-radius:24px;background:linear-gradient(90deg,rgba(6,25,47,.985) 0%,rgba(7,29,54,.96) 48%,rgba(7,25,45,.60) 100%),url('/assets/skyloft-academy-hero.jpg') right center/auto 100% no-repeat;box-shadow:var(--sky-shadow),0 0 30px rgba(64,141,255,.18)}
.hero:after{content:'✦';position:absolute;right:5%;top:-7%;font-size:15rem;color:rgba(247,215,124,.055);pointer-events:none}.hero>div{position:relative;z-index:2}.eyebrow{margin:0 0 12px;color:var(--sky-gold);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1,.page-hero h1,h2,h3{font-family:var(--font-display);color:var(--sky-ivory);font-weight:600}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,7.6vw,5.7rem);line-height:.96;letter-spacing:-.035em}.lead{max-width:710px;margin:22px 0 0;color:#c4d2e1;font-size:clamp(1rem,2vw,1.14rem);line-height:1.76}.hero-crest{justify-self:end;text-align:center}.hero-crest img{display:block;width:min(245px,70vw);margin:auto;border-radius:26px;filter:drop-shadow(0 20px 38px rgba(0,0,0,.35))}.hero-crest span{display:block;margin-top:13px;color:var(--sky-gold);font-family:var(--font-display);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid rgba(247,215,124,.80);border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:800;transition:transform .16s ease,filter .16s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button.primary{color:#07111f;background:linear-gradient(180deg,#ffe699,#e2b454);box-shadow:0 8px 26px rgba(224,176,69,.23),inset 0 1px rgba(255,255,255,.55)}.button.secondary{color:var(--sky-ivory);background:rgba(20,58,96,.42);border-color:rgba(247,215,124,.35)}
.official{margin-top:18px;padding:26px;border:1px solid rgba(228,189,99,.40);border-radius:19px;background:linear-gradient(180deg,rgba(12,35,62,.91),rgba(8,26,47,.95));box-shadow:0 15px 36px rgba(0,0,0,.19)}.official-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.official h2{margin:0;font-size:clamp(1.55rem,3vw,2.15rem)}.verified-label{display:inline-flex;align-items:center;gap:7px;color:#bcefd2;font-size:.73rem;font-weight:800}.verified-label:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(110,211,157,.55);border-radius:50%;color:var(--sky-green);background:rgba(42,126,84,.13)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(228,189,99,.22);border-radius:15px;background:rgba(228,189,99,.16)}.fact{min-height:96px;padding:18px;background:rgba(6,24,44,.85)}.fact span{display:block;color:var(--sky-muted);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fact strong{display:block;margin-top:8px;color:var(--sky-ivory);font-size:.91rem;line-height:1.45}.registration-note{margin:18px 0 0;padding:15px 16px;border-left:3px solid var(--sky-blue);color:#bacadb;background:rgba(77,163,255,.06);font-size:.83rem;line-height:1.62}.registration-note strong{color:#dcecff}
.section{margin-top:54px}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:34px;align-items:end;margin-bottom:20px}.section-head h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.section-head p:last-child{margin:0;color:var(--sky-muted);line-height:1.72}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:24px;border:1px solid rgba(228,189,99,.30);border-radius:18px;background:linear-gradient(180deg,var(--sky-panel-soft),var(--sky-panel));box-shadow:0 15px 36px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.025)}.card .icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(228,189,99,.28);border-radius:13px;color:var(--sky-gold-bright);background:rgba(18,57,98,.74);font-size:1.22rem}.card h3{margin:0;font-size:1.16rem}.card p,.card li{color:#bacadb;line-height:1.65}.card p{margin:10px 0 0}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.course{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;color:#dbe5ef;background:linear-gradient(90deg,rgba(15,48,83,.72),rgba(8,29,52,.88));font-size:.83rem;font-weight:700}.course:before{content:'✦';color:var(--sky-blue)}
.privacy-panel{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:center;margin-top:18px;padding:25px;border:1px solid rgba(110,211,157,.27);border-radius:18px;background:radial-gradient(circle at 85% 8%,rgba(45,144,97,.12),transparent 14rem),linear-gradient(180deg,rgba(11,41,48,.88),rgba(6,27,37,.94))}.privacy-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(110,211,157,.48);border-radius:50%;color:#bcefd2;background:rgba(42,126,84,.15);font-size:1.35rem}.privacy-panel h3{margin:0;font-size:1.16rem}.privacy-panel p{margin:8px 0 0;color:#a9c5c5;line-height:1.65}.closing{margin-top:54px;padding:34px;text-align:center;border:1px solid var(--sky-border);border-radius:24px;background:radial-gradient(circle at 50% 130%,rgba(63,140,224,.22),transparent 30rem),linear-gradient(180deg,rgba(10,34,60,.94),rgba(5,19,34,.97));box-shadow:var(--sky-shadow)}.closing h2{margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.closing p{max-width:680px;margin:13px auto 0;color:var(--sky-muted);line-height:1.7}
footer{margin-top:32px;padding:22px 6px 30px;border-top:1px solid rgba(228,189,99,.18);color:#7f93a9;font-size:.73rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{color:#b1c0d1;text-decoration:none}.footer-links a:hover{color:var(--sky-gold-bright)}.footer-motto{margin-top:14px;color:var(--sky-gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.page-hero{padding:42px 0 20px}.page-hero h1{margin:8px 0 0;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1}.policy{max-width:880px;padding:28px;margin:18px 0 50px;border:1px solid rgba(228,189,99,.28);border-radius:18px;background:linear-gradient(180deg,var(--sky-panel-soft),var(--sky-panel));box-shadow:0 15px 36px rgba(0,0,0,.19)}.policy h2{margin-top:30px;font-size:1.35rem}.policy h2:first-child{margin-top:0}.policy p,.policy li{color:#c2cfdd;line-height:1.75}.policy a{color:#bfe0ff}.back{display:inline-flex;margin-top:6px;color:var(--sky-gold-bright);text-decoration:none;font-weight:800}
@media(max-width:920px){.topbar{align-items:flex-start}.hero{grid-template-columns:1fr;background:linear-gradient(90deg,rgba(6,25,47,.985),rgba(7,29,54,.88)),url('/assets/skyloft-academy-hero.jpg') center/cover no-repeat}.hero-crest{justify-self:start}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{grid-template-columns:1fr;gap:12px}.cards{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 22px,1180px)}.topbar{flex-direction:column}.status{white-space:normal}.hero{padding:30px 22px;min-height:auto}.hero h1{font-size:clamp(2.55rem,14vw,4rem)}.hero-crest img{width:180px}.facts{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr}.privacy-panel{grid-template-columns:1fr}.official-head{flex-direction:column}.footer-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-60px;left:12px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--sky-gold-bright);color:#07111f;font-weight:800;text-decoration:none;transition:top .16s ease}
.skip-link:focus{top:12px}
