*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:#e7ecf5;
  background:#070a0f;
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif
}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:inherit;text-decoration:none}
ul,ol{margin:0 0 1rem 1.2rem;padding:0}
table{border-collapse:collapse;width:100%;margin: 20px 0;}
th,td{padding:.8rem 1rem;border:1px solid rgba(255,255,255,.08)}
th{font-weight:600;background:rgba(255,255,255,.04)}
blockquote{margin:1rem 0;padding:1rem 1.2rem;border-left:3px solid #6df; background:linear-gradient(180deg,rgba(109,255,255,.08),rgba(255,255,255,0))}
strong{font-weight:700}
#introdeck-title{
  font-weight: 700;
  margin: 0 0 18px;
    font-size: clamp(28px, 4.5vw, 40px);
    letter-spacing: .2px;
    color: #f5f7ff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .4);
}
.section-text figure{
  text-align: center;
  margin: 40px auto;
  max-width: 600px;
}
figure > figcaption{
  color:#E6F1FF;         
  font-weight:800;      
  font-size:15px;       
  line-height:1.35;
  letter-spacing:.02em; 
  text-shadow:none;
  background:none;
  margin-top:10px;
}
.navgate-wrap{position:sticky;top:0;z-index:30;background:rgba(3,6,12,.86);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.navgate-band{max-width:1280px;margin:0 auto;padding:.8rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}
.navgate-brand img{height:38px;display:block;filter:drop-shadow(0 0 6px rgba(0,255,255,.25))}
.navgate-menu ul{display:flex;gap:.6rem;list-style:none;margin: 0;}
.navgate-cta--ghost,.navgate-cta--fill{
  display:inline-block;padding:.6rem 1rem;border-radius:999px;font-weight:600;
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.08)
}
.navgate-cta--ghost{background:linear-gradient(180deg,#0c1118,#0a0f16);color:#dfe7f4}
.navgate-cta--ghost:hover{box-shadow:0 8px 18px rgba(0,0,0,.45),0 0 0 2px rgba(100,200,255,.2)}
.navgate-cta--fill{background:linear-gradient(180deg,#7ad0ff,#92b0ff 55%,#ce8bff);color:#0b0f14}
.navgate-cta--fill:hover{filter:brightness(1.05)}

.introdeck-root{position:relative;overflow:hidden}
.introdeck-lane{max-width:1200px;margin:0 auto;padding:72px 16px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.introdeck-root:before,
.introdeck-root:after{
  content:"";position:absolute;inset:0;pointer-events:none
}
.introdeck-root:before{
  background:
    radial-gradient(1200px 600px at 75% 45%,rgba(0,150,255,.20),rgba(0,0,0,0)60%),
    radial-gradient(1000px 520px at 70% 40%,rgba(255,0,180,.15),rgba(0,0,0,0)62%);
}
.introdeck-root:after{
  background:
    linear-gradient(0deg,rgba(0,0,0,0) 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,rgba(0,0,0,0) 52%) 0 0/28px 28px,
    linear-gradient(90deg,rgba(0,0,0,0) 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,rgba(0,0,0,0) 52%) 0 0/28px 28px;
  mask-image:radial-gradient(900px 520px at 68% 42%,#000 55%,transparent 70%);
  opacity:.35
}
.faq-section {
    padding: 20px 0;
    border-radius: 16px;
    color: #f1f5f9;
}
.faq-item {
    padding: 18px 20px;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faq-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.4);
}
.faq-item strong {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 8px;
    color: #38f9d7;
}
.faq-item p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #d1d5db;
}
.introdeck-textcell{padding:12px 6px}
.introdeck-textcell h1{margin:0 0 18px;font-size:clamp(28px,4.5vw,40px);letter-spacing:.2px;color:#f5f7ff;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.introdeck-textcell p{margin:0 0 14px;color:#c9d3e6}
.introdeck-button{
  display:inline-block;min-width:196px;text-align:center;font-weight:700;
  padding:.9rem 1.25rem;border-radius:14px;background:#fff;color:#111;
  box-shadow:0 10px 22px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.08) inset
}
.introdeck-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.55)}
.introdeck-visual{margin:0;justify-self:end;position:relative;display: flex;justify-content: center;}
.introdeck-visual img{display:block;max-width:52%;filter:drop-shadow(0 16px 40px rgba(82,180,255,.28)) drop-shadow(0 8px 24px rgba(255,120,220,.18))}


.infobrick-wrap{max-width:1200px;margin:0 auto;padding:36px 16px 64px}
.infobrick-wrap article{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px 22px 20px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.infobrick-wrap article+article{margin-top:18px}
.infobrick-wrap h2{margin:0 0 12px;color:#f2f6ff;font-size:clamp(20px,3vw,26px)}
.infobrick-wrap p{margin:0 0 12px;color:#cdd6e8}


.promo-banner-unit{max-width:1100px;margin:8px auto 40px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:
  radial-gradient(120% 140% at 0% 0%,rgba(0,255,210,.08),transparent 60%),
  radial-gradient(120% 120% at 100% 100%,rgba(255,0,200,.10),transparent 60%),
  linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
box-shadow:0 12px 30px rgba(0,0,0,.35)}
.promo-banner-unit__label{font-weight:700;opacity:.9}
.promo-banner-unit__offer{font-weight:800;letter-spacing:.2px}
.promo-banner-unit__button{justify-self:end;padding:.8rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,#00ffe1,#66e3ff 60%,#86a8ff);color:#071018;font-weight:700;box-shadow:0 12px 22px rgba(0,0,0,.45)}
.promo-banner-unit__button:hover{filter:brightness(1.05)}


.section-text{max-width:1200px;margin:0 auto;padding:0 16px}
.section-text h1,.section-text h2,.section-text h3{color:#f4f7ff}
.section-text h1{font-size:clamp(26px,3.8vw,34px);margin:30px 0 12px}
.section-text h3{font-size:clamp(18px,2.6vw,22px);margin:24px 0 10px}
.section-text p{margin:0 0 12px;color:#cdd6e8}
.certificate-block{display:grid;gap:8px;justify-items:start;margin:10px 0 18px}
.certificate-block img{margin: 0 auto; border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.45)}
.certificate-caption{font-size:.9rem;opacity:.85}


.sitefoot-hub{border-top:1px solid rgba(255,255,255,.06);background:#070a10;margin-top:40px}
.sitefoot-grid{max-width:1280px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.sitefoot-brand img{height:28px;filter:drop-shadow(0 0 6px rgba(0,255,255,.25))}
.sitefoot-grid nav ul{display:flex;gap:14px;list-style:none;justify-content:flex-end}
.sitefoot-grid p{grid-column:1/-1;margin:6px 0 0;color:#9fb0c9;font-size:.92rem;opacity:.9}


@media (max-width:1000px){
  .introdeck-lane{grid-template-columns:1fr;gap:14px;padding:56px 16px 28px}
  .introdeck-visual{justify-self:center}
  .introdeck-visual img{max-width:72%}
  .promo-banner-unit{grid-template-columns:1fr;gap:10px}
  .promo-banner-unit__button{justify-self:start}
  .sitefoot-grid{grid-template-columns:1fr;justify-items:center}
  .sitefoot-grid nav ul{justify-content:flex-start}
}
@media (max-width:777px){
  .sitefoot-grid p{
    text-align: center;
  }
  .sitefoot-grid nav ul{
            justify-content: center;
        flex-flow: column;
        align-items: center;
        margin: 0;
  }
  .navgate-band{padding:.7rem .9rem}
  .navgate-menu ul{gap:.4rem}
  .introdeck-button{min-width:180px}
  .infobrick-wrap article{padding:18px}
}
@media (max-width:560px){
  body{font-size:15px}
  .introdeck-textcell h1{font-size:26px}
  .introdeck-visual img{max-width:88%}
  .promo-banner-unit{padding:14px}
}