@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --bg:#eef1f5;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --blue:#0071e3;
  --dark:#000;
  --card:#f8f9fb;
  --line:#d2d2d7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:52px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

.global-nav{
  position:sticky;top:0;z-index:50;
  height:48px;
  padding:0 max(18px,calc((100vw - 1024px)/2));
  display:flex;align-items:center;gap:34px;
  background:rgba(235,239,244,.9);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.04);
}
.brand{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.brand-star{font-size:19px;line-height:1}
.global-nav nav{display:flex;align-items:center;justify-content:center;gap:31px;flex:1;font-size:11px}
.global-nav nav a{color:#2d2d30}
.nav-actions{display:flex;align-items:center;gap:13px}
.lang-switch{display:flex;align-items:center;gap:3px;color:#aaa}
.lang{border:0;background:none;padding:4px 2px;color:#888;font-size:9px;font-weight:600}
.lang.active{color:#111}
.menu-button{display:none;border:0;background:none;font-size:17px}

.product-section{position:relative;overflow:hidden}
.light{background:linear-gradient(180deg,#eef1f5 0%,#e7ebf1 100%);color:#1d1d1f}
.dark{background:#000;color:#f5f5f7}
.centered{text-align:center;padding:100px 24px}
.kicker{font-size:13px;font-weight:700;letter-spacing:.02em;margin:0 0 10px}
.kicker.muted{color:#86868b}
.section-copy{max-width:850px;margin:0 auto 55px}
.section-copy h2,.teacher-copy h2,.contact-intro h2{
  font-family:"Manrope",sans-serif;
  font-size:clamp(46px,6vw,78px);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:0 0 18px;
}
.section-copy>p:last-child,.teacher-copy>p,.contact-intro>p:last-child{font-size:20px;color:#86868b;max-width:720px;margin-left:auto;margin-right:auto}

.hero{min-height:740px;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 24px 50px}
.hero-inner{width:min(1180px,100%);position:relative}
.hero h1{font-family:"Manrope",sans-serif;font-size:clamp(58px,8vw,108px);line-height:.94;letter-spacing:-.065em;margin:0 auto 20px;max-width:1100px}
html[lang="eu"] .hero h1{font-size:clamp(52px,6.8vw,90px);line-height:1;letter-spacing:-.055em;max-width:1060px}
html[lang="eu"] .hero .kicker{margin-bottom:18px}
.hero-subtitle{font-size:clamp(20px,2.2vw,29px);line-height:1.25;color:#6e6e73;max-width:790px;margin:0 auto}
.cta-row{display:flex;gap:28px;justify-content:center;margin:24px 0}
.text-link{color:var(--blue);font-size:18px;font-weight:500}
.text-link:hover{text-decoration:underline}
.light-link{color:#2997ff}
.hero-orbit{height:360px;position:relative;max-width:760px;margin:20px auto -25px}
.star-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f4f4f4,#dcdcdc);box-shadow:0 30px 80px rgba(0,0,0,.12),inset 0 1px 2px rgba(255,255,255,.9);font-family:"Manrope";font-size:42px;font-weight:800;letter-spacing:-.05em}
.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #d2d2d7;border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}
.ring-one{width:550px;height:190px}.ring-two{width:680px;height:275px;transform:translate(-50%,-50%) rotate(12deg)}
.orbit-pill{position:absolute;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.12);font-size:20px;font-weight:700}
.p1{left:8%;top:48%}.p2{right:14%;top:15%}.p3{right:8%;bottom:15%}

.level-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1280px;margin:auto;text-align:left}
.level-product{min-height:580px;border-radius:28px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.level-product:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;top:45px;left:50%;transform:translateX(-50%);filter:blur(.1px);opacity:.8}
.level-product>*{position:relative;z-index:2}
.level-product.blue{background:linear-gradient(160deg,#0b4669 0%,#061724 62%,#020608);color:#fff}
.level-product.blue:before{background:radial-gradient(circle,#5bc0f1,transparent 68%)}
.level-product.silver{background:linear-gradient(160deg,#d9e1ea 0%,#aebdcb 58%,#8294a6 100%);color:#101820}
.level-product.silver:before{background:radial-gradient(circle,rgba(255,255,255,.72),rgba(137,160,181,.18) 55%,transparent 72%)}
.level-product.violet{background:linear-gradient(160deg,#2d214b 0%,#0c0714 70%,#000);color:#fff}
.level-product.violet:before{background:radial-gradient(circle,#8c6bd0,transparent 68%)}
.level-code{font-family:"Manrope";font-size:96px;line-height:.85;letter-spacing:-.08em;font-weight:800;margin-bottom:8px}
.level-product small{font-size:10px;letter-spacing:.16em;opacity:.75}
.level-product h3{font-size:31px;letter-spacing:-.035em;line-height:1.05;margin:18px 0 10px}
.level-product p{font-size:15px;opacity:.72;min-height:68px}

.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1180px;margin:auto;text-align:left}
.feature-card{background:#f8f9fb;border-radius:28px;padding:38px;min-height:270px}
.feature-icon{font-size:15px;font-weight:700;color:#86868b}
.feature-card h3{font-family:"Manrope";font-size:36px;letter-spacing:-.045em;margin:70px 0 8px}
.feature-card p{color:#6e6e73;font-size:16px}

.teacher-section{background:#000;color:#f5f5f7;padding:100px 24px}
.teacher-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.teacher-art{min-height:530px;position:relative;display:grid;place-items:center}
.portrait-circle{width:min(420px,75vw);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#1d1d1f,#3a3a3c);display:grid;place-items:center;font-family:"Manrope";font-size:130px;font-weight:800;letter-spacing:-.08em;position:relative;z-index:2}
.portrait-glow{position:absolute;width:75%;height:55%;background:#0a84ff;filter:blur(90px);opacity:.28}
.teacher-copy h2{color:#f5f5f7}
.teacher-copy>p{margin-left:0;max-width:650px;color:#a1a1a6}
.teacher-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}
.teacher-points span{font-size:32px;font-weight:700;color:#fff}
.teacher-points small{display:block;font-size:10px;color:#86868b;font-weight:500;margin-top:3px}

.time-display{max-width:950px;margin:auto;background:#f8f9fb;border-radius:30px;padding:55px 35px}
.time-display small{display:block;font-size:11px;letter-spacing:.15em;color:#86868b}
.time-display strong{display:block;font-family:"Manrope";font-size:clamp(58px,9vw,120px);letter-spacing:-.07em;line-height:1;margin:10px 0 22px}

.contact-section{background:#e7ebf1;padding:100px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.contact-intro h2{font-size:clamp(50px,6vw,80px)}
.contact-intro>p:last-child{margin-left:0;font-size:18px}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f5f5f7;border-radius:28px;padding:30px}
label{display:grid;gap:7px;font-size:11px;font-weight:600}
.full{grid-column:1/-1}
input,select,textarea{width:100%;border:1px solid #d2d2d7;border-radius:11px;padding:13px 14px;background:#f8f9fb;color:#1d1d1f;outline:none}
input:focus,select:focus,textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.consent{grid-template-columns:auto 1fr;align-items:start;color:#6e6e73;font-weight:400}
.consent input{width:auto;margin-top:3px}
.submit-button{border:0;border-radius:999px;background:#0071e3;color:#fff;min-height:48px;font-weight:600}
.status{font-size:12px;margin:0}.status.success{color:#167a45}.status.error{color:#b3261e}

footer{padding:45px max(24px,calc((100vw - 1024px)/2));font-size:11px;color:#6e6e73;border-top:1px solid #d2d2d7}
.footer-top{display:flex;align-items:center;gap:8px;color:#1d1d1f}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}
.footer-links a:hover{text-decoration:underline}

@media(max-width:900px){
  .global-nav{padding:0 18px}
  .global-nav nav{display:none;position:absolute;top:48px;left:0;right:0;padding:25px;background:rgba(235,239,244,.98);flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid #ddd}
  .global-nav nav.open{display:flex}
  .menu-button{display:block}
  .level-showcase{grid-template-columns:1fr}
  .level-product{min-height:480px}
  .teacher-layout,.contact-section{grid-template-columns:1fr}
  .teacher-points{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .global-nav{height:46px}
  .brand span:last-child{font-size:11px}
  .lang-switch{display:none}
  .hero{min-height:680px;padding:80px 18px 35px}
  .hero h1{font-size:55px}
  html[lang="eu"] .hero h1{font-size:47px;line-height:1.02}
  .hero-subtitle{font-size:20px}
  .cta-row{gap:18px}
  .text-link{font-size:15px}
  .hero-orbit{height:280px;margin-top:15px}
  .star-core{width:150px;height:150px;font-size:30px}
  .ring-one{width:330px;height:135px}.ring-two{width:420px;height:205px}
  .orbit-pill{width:52px;height:52px;font-size:15px}
  .centered{padding:75px 16px}
  .section-copy{margin-bottom:35px}
  .section-copy h2,.teacher-copy h2,.contact-intro h2{font-size:43px}
  .section-copy>p:last-child{font-size:17px}
  .level-product{padding:28px;min-height:430px}
  .level-code{font-size:78px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card h3{margin-top:45px;font-size:31px}
  .teacher-section{padding:75px 18px}
  .teacher-layout{gap:35px}
  .teacher-art{min-height:330px}
  .portrait-circle{font-size:88px}
  .time-display{padding:38px 20px}
  .contact-section{padding:75px 18px;gap:35px}
  form{grid-template-columns:1fr;padding:20px;border-radius:20px}
  form>*{grid-column:1!important}
}
.level-product.silver small,
.level-product.silver p{color:#263746;opacity:1}
.level-product.silver .level-code,
.level-product.silver h3{color:#0a1722}
.level-product.silver .text-link{color:#004f9e;font-weight:600}

/* Technology-led hero without a bright-white product mockup */
.hero-tech{height:350px;max-width:780px;margin:28px auto -20px;position:relative;display:grid;place-items:center}
.tech-screen{
  width:min(650px,92vw);height:310px;border-radius:34px;
  background:linear-gradient(145deg,#111827,#07101e 58%,#03070d);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 35px 80px rgba(17,38,70,.24),inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;overflow:hidden;text-align:left;color:#f6f8fb;
}
.tech-screen:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;top:-130px;background:#0071e3;filter:blur(65px);opacity:.42}
.tech-screen:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:-90px;bottom:-160px;background:#53b7df;filter:blur(60px);opacity:.25}
.tech-topbar{height:42px;display:flex;gap:6px;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.tech-topbar span{width:7px;height:7px;border-radius:50%;background:#65758b}
.tech-copy{position:absolute;left:42px;bottom:42px;z-index:2}
.tech-copy small{font-size:9px;letter-spacing:.18em;color:#93c9ff}
.tech-copy strong{display:block;font-family:"Manrope";font-size:46px;line-height:.96;letter-spacing:-.055em;margin:9px 0 22px}
.level-line{display:flex;gap:8px}
.level-line span{font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.06)}
.signal{position:absolute;border:1px solid rgba(83,183,223,.25);border-radius:50%;z-index:1}
.signal-a{width:270px;height:270px;right:-75px;bottom:-80px}
.signal-b{width:180px;height:180px;right:-30px;bottom:-35px}
@media(max-width:600px){
  .hero-tech{height:280px;margin-bottom:-10px}
  .tech-screen{height:245px;border-radius:25px}
  .tech-copy{left:26px;bottom:28px}
  .tech-copy strong{font-size:36px}
}


/* Official academy logo */
.brand{min-width:152px;height:42px;display:flex;align-items:center}
.brand-logo{display:block;width:142px;max-height:39px;object-fit:contain;object-position:left center}

/* Location / academy information */
.academy-info{
  background:#0b111b;
  color:#f5f7fa;
  padding:100px max(24px,calc((100vw - 1180px)/2));
  position:relative;
  overflow:hidden;
}
.academy-info:before{
  content:"";
  position:absolute;
  width:480px;height:480px;border-radius:50%;
  right:-180px;top:-230px;
  background:#0071e3;
  filter:blur(110px);
  opacity:.18;
}
.academy-info-inner{position:relative;z-index:1}
.academy-info h2{
  font-family:"Manrope",sans-serif;
  font-size:clamp(48px,6vw,78px);
  line-height:1;
  letter-spacing:-.055em;
  margin:0 0 50px;
}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.info-card{
  min-height:250px;
  border-radius:25px;
  padding:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.09);
  display:flex;
  flex-direction:column;
}
.info-number{font-size:12px;color:#6eb8ff;margin-bottom:auto}
.info-card small{font-size:9px;letter-spacing:.16em;color:#8b98aa;margin-bottom:8px}
.info-card strong{font-family:"Manrope",sans-serif;font-size:23px;line-height:1.12;letter-spacing:-.035em}
.info-card p{font-size:13px;color:#9ca8b8;margin:8px 0 0}

@media(max-width:900px){
  .brand{min-width:120px}
  .brand-logo{width:118px}
  .info-cards{grid-template-columns:1fr}
  .info-card{min-height:190px}
}
@media(max-width:600px){
  .brand{min-width:105px}
  .brand-logo{width:102px;max-height:34px}
  .academy-info{padding:75px 18px}
  .academy-info h2{font-size:43px;margin-bottom:32px}
}


/* V4 — clearer academy identity in the top banner */
.global-nav{
  height:64px;
  padding-left:max(24px,calc((100vw - 1180px)/2));
  padding-right:max(24px,calc((100vw - 1180px)/2));
  gap:42px;
}
.brand{
  min-width:255px;
  height:58px;
  gap:12px;
}
.brand-logo{
  width:82px;
  height:52px;
  max-height:52px;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:multiply;
}
.brand-name{
  display:block;
  font-size:12px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-.01em;
  white-space:nowrap;
  color:#202124;
}
.global-nav nav{
  gap:34px;
  font-size:12px;
}
.nav-actions{min-width:80px;justify-content:flex-end}
html{scroll-padding-top:68px}

@media(max-width:900px){
  .global-nav{height:58px;padding:0 16px;gap:16px}
  .brand{min-width:0;height:54px;gap:8px}
  .brand-logo{width:68px;height:46px;max-height:46px}
  .brand-name{font-size:10px}
  .global-nav nav{top:58px}
}
@media(max-width:600px){
  .global-nav{height:56px}
  .brand-logo{width:64px;height:44px;max-height:44px}
  .brand-name{display:none}
  .brand{min-width:75px}
}

/* Hostinger / privacy / contact refinements */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,.level-code,.star-core,.portrait-circle,.tech-copy strong,.time-display strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.consent a,.footer-contact a{color:#0066cc;text-decoration:none}
.consent a:hover,.footer-contact a:hover{text-decoration:underline}
.footer-contact{margin-top:16px}
.legal-page{max-width:900px;margin:0 auto;padding:110px 24px 70px;line-height:1.65}
.legal-page h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.04em;margin-bottom:24px}
.legal-page h2{font-size:24px;margin:34px 0 10px}
.legal-page p,.legal-page li{color:#4d4d52}
.legal-page a{color:#0066cc}


/* Google Maps location */
.map-block{margin-top:28px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:.75fr 1.25fr;min-height:360px}
.map-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.map-copy small{font-size:9px;letter-spacing:.16em;color:#8b98aa;margin-bottom:10px}
.map-copy h3{font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.04em;margin:0 0 14px;color:#fff}
.map-copy p{color:#9ca8b8;font-size:14px;line-height:1.55;margin:0 0 20px}
.map-route{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;color:#0b111b;font-weight:650;text-decoration:none}
.map-route:hover{opacity:.9}
.map-frame{min-height:360px;background:linear-gradient(145deg,#1a2432,#111925);padding:0;display:block}
.map-frame iframe{display:block;width:100%;height:360px;border:0}
@media(max-width:900px){.map-block{grid-template-columns:1fr}.map-frame,.map-frame iframe{min-height:320px;height:320px}}