@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&display=swap');

:root {
  --red: #0038ff;
  --red-dim: #0029c2;
  --red-glow: rgba(0,56,255,0.35);
  --bg: #060608;
  --surface: rgba(0,56,255,0.06);
  --surface-2: rgba(255,255,255,0.04);
  --border: rgba(0,56,255,0.2);
  --border-subtle: rgba(255,255,255,0.07);
  --text: #f0f0f0;
  --text-dim: #999;
  --font: 'Outfit', sans-serif;
  --btn-bg: #e8001e;
  --btn-bg-dim: #9b0014;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}
a{color:var(--red);text-decoration:none}
img{max-width:100%;display:block}

/* ─── BACKGROUND ─── */
.bg-grid{position:fixed;inset:0;z-index:-2;
  background-image:linear-gradient(rgba(232,0,30,0.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(232,0,30,0.04) 1px,transparent 1px);
  background-size:48px 48px}
.ambient-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.5}
.glow-top-left{width:600px;height:600px;top:-200px;left:-200px;background:radial-gradient(circle,var(--red) 0%,transparent 70%)}
.glow-bottom-right{width:500px;height:500px;bottom:-150px;right:-150px;background:radial-gradient(circle,#300 0%,transparent 70%)}

/* ─── HEADER ─── */
.top-header{position:sticky;top:0;z-index:100;background:rgba(6,6,8,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-container{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem}
.brand-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.brand-logo svg{width:26px;height:26px;fill:var(--red)}
.brand-name{font-size:1.3rem;font-weight:900;color:var(--text);letter-spacing:-.5px}
.brand-name span{color:var(--red)}
.nav-links{list-style:none;display:flex;gap:1.8rem}
.nav-links a{color:var(--text-dim);font-weight:500;font-size:.9rem;transition:color .2s;letter-spacing:.3px}
.nav-links a:hover{color:var(--red)}
.cta-nav-btn{background:var(--red)!important;color:#fff!important;padding:.5rem 1.2rem;border-radius:4px;font-weight:700;letter-spacing:.5px;transition:background .2s}
.cta-nav-btn:hover{background:var(--red-dim)!important}

/* ─── HERO ─── */
.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem}
.hero-wrapper{max-width:1080px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(232,0,30,.12);border:1px solid var(--border);color:var(--red);padding:.35rem .9rem;border-radius:3px;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.2rem}
.pulse-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero-title{font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-1.5px;margin-bottom:1rem}
.hero-title span{color:var(--red);display:block}
.hero-subtitle{font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:.8rem}
.hero-desc{font-size:.95rem;color:var(--text-dim);line-height:1.8;max-width:520px}
.hero-ctas{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--btn-bg);color:#fff;font-weight:700;font-size:.9rem;padding:.85rem 1.8rem;border-radius:4px;letter-spacing:.5px;transition:background .2s,transform .2s;border:none;cursor:pointer}
.btn-primary:hover{background:var(--btn-bg-dim);transform:translateY(-2px)}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-dim);border:1px solid var(--border-subtle);font-weight:600;font-size:.9rem;padding:.85rem 1.6rem;border-radius:4px;transition:border-color .2s,color .2s}
.btn-secondary:hover{border-color:var(--red);color:var(--text)}
.stats-row{display:flex;gap:2.5rem;margin-top:2.5rem;border-top:1px solid var(--border-subtle);padding-top:2rem}
.stat-item{text-align:left}
.stat-value{font-size:2rem;font-weight:900;color:var(--red);line-height:1;letter-spacing:-1px}
.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-top:.2rem}

/* Registration Card */
.register-card{background:rgba(6,6,8,.95);border:1px solid var(--border);border-radius:8px;padding:1.25rem;backdrop-filter:blur(16px);box-shadow:0 0 60px rgba(232,0,30,.15)}
.hud-corner{position:absolute;width:14px;height:14px;border:2px solid var(--red)}
.c-tl{top:-7px;left:-7px;border-right:none;border-bottom:none}
.c-tr{top:-7px;right:-7px;border-left:none;border-bottom:none}
.c-bl{bottom:-7px;left:-7px;border-right:none;border-top:none}
.c-br{bottom:-7px;right:-7px;border-left:none;border-top:none}
.form-header{margin-bottom:0}
.form-header h3{font-size:1rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--text)}
.form-header p{font-size:.82rem;color:var(--text-dim);margin-top:.3rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.7rem;font-weight:700;letter-spacing:1.5px;color:var(--red);margin-bottom:.4rem}
.form-input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:4px;padding:.75rem 1rem;color:var(--text);font-size:.9rem;transition:border-color .2s;outline:none}
.form-input:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-glow)}
.form-submit-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:4px;padding:.9rem;font-weight:900;font-size:.95rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s;margin-top:.5rem}
.form-submit-btn:hover{background:var(--red-dim)}
.form-footer-text{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-dim);margin-top:.8rem}
.form-footer-text svg{fill:var(--text-dim)}

/* ─── SECTIONS ─── */
section{padding:5rem 2rem}
.section-inner{max-width:1080px;margin:auto}
.section-label{font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}
.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:1rem}
.section-title span{color:var(--red)}
.section-desc{font-size:.95rem;color:var(--text-dim);max-width:680px;line-height:1.8}

/* ─── AUDIENCE ─── */
.audience-section{background:linear-gradient(180deg,var(--bg) 0%,rgba(232,0,30,.03) 100%)}
.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2.5rem}
.audience-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;position:relative;transition:border-color .3s,box-shadow .3s}
.audience-card:hover{border-color:var(--red);box-shadow:0 0 30px rgba(232,0,30,.12)}
.audience-icon{width:48px;height:48px;background:rgba(232,0,30,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.audience-icon svg{width:24px;height:24px;fill:var(--red)}
.audience-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.3px}
.audience-card p{font-size:.9rem;color:var(--text-dim);margin-bottom:1.2rem}
.telemetry-gauge-w{margin-bottom:.8rem}
.gauge-header{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:.3rem}
.gauge-bar-outer{height:3px;background:rgba(255,255,255,.08);border-radius:2px}
.gauge-bar-inner{height:100%;background:linear-gradient(90deg,var(--red-dim),var(--red));border-radius:2px;width:0%;transition:width 1.5s ease}
.audience-features{list-style:none;margin-top:1rem}
.audience-features li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-dim);margin-bottom:.4rem}
.audience-features svg{width:14px;height:14px;fill:var(--red);flex-shrink:0}

/* ─── MATRIX ─── */
.matrix-section{background:var(--bg)}
.matrix-container{margin-top:2.5rem}
.matrix-header{display:flex;gap:.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;margin-bottom:1.5rem}
.matrix-tab{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);padding:.5rem 1rem;border-radius:4px 4px 0 0;transition:color .2s,background .2s}
.matrix-tab.active{color:var(--red);border-bottom:2px solid var(--red);margin-bottom:-1px}
.matrix-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-subtle);border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.matrix-side{background:var(--bg);padding:2rem}
.matrix-side h4{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.matrix-list{list-style:none}
.matrix-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text-dim);padding:.6rem 0;border-bottom:1px solid var(--border-subtle)}
.matrix-list li:last-child{border:none}
.matrix-list li span.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:.45em}
.matrix-side.before .dot{background:var(--text-dim)}
.matrix-side.after .dot{background:var(--red)}
.matrix-side.after li{color:var(--text)}

/* ─── GOALS ─── */
.goals-section{background:linear-gradient(180deg,rgba(232,0,30,.03) 0%,var(--bg) 100%)}
.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2.5rem}
.goal-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem;transition:border-color .3s,transform .3s}
.goal-card:hover{border-color:var(--border);transform:translateY(-3px)}
.goal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.goal-number{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red)}
.goal-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}
.goal-card p{font-size:.85rem;color:var(--text-dim);line-height:1.7}
.goal-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.badge-tech{font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;border-radius:3px;background:rgba(232,0,30,.1);color:var(--red);border:1px solid rgba(232,0,30,.2)}

/* ─── COMPARISON ─── */
.comparison-section{background:var(--bg)}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.comp-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem;position:relative}
.comp-card.red-team{border-color:var(--border);box-shadow:0 0 40px rgba(232,0,30,.1)}
.comp-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:1rem}
.comp-card.red-team .comp-badge{background:rgba(232,0,30,.15);color:var(--red);border:1px solid var(--border)}
.comp-card.ehe .comp-badge{background:rgba(255,255,255,.05);color:var(--text-dim);border:1px solid var(--border-subtle)}
.comp-card h3{font-size:1.6rem;font-weight:900;letter-spacing:-1px;margin-bottom:.3rem}
.comp-card .subtitle{font-size:.8rem;color:var(--text-dim);margin-bottom:1.5rem}
.comp-list{list-style:none}
.comp-list li{display:flex;gap:.8rem;font-size:.88rem;padding:.8rem 0;border-bottom:1px solid var(--border-subtle);align-items:flex-start}
.comp-list li:last-child{border:none}
.comp-list li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.comp-card.red-team .comp-list svg{fill:var(--red)}
.comp-card.ehe .comp-list svg{fill:#555}
.comp-card.ehe .comp-list li span{color:var(--text-dim)}

/* ─── INFRA ─── */
.infra-section{background:linear-gradient(180deg,rgba(232,0,30,.02) 0%,var(--bg) 100%)}
.cert-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:2.5rem}
.infra-content img{border-radius:8px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.8)}
.cert-showcase{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hologram-cert-card{width:100%;max-width:380px;background:linear-gradient(135deg,#0d0d0d,#1a0005);border:1px solid var(--border);border-radius:12px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 0 60px rgba(232,0,30,.2);transition:transform .3s}
.hologram-cert-card:hover{transform:rotateY(5deg) rotateX(3deg) scale(1.02)}
.cert-card-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,0,30,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,0,30,.05) 1px,transparent 1px);background-size:24px 24px;z-index:0}
.cert-header,.cert-body,.cert-footer{position:relative;z-index:1}
.cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.cert-logo{font-size:1.1rem;font-weight:900;letter-spacing:-0.5px}
.cert-logo span{color:var(--red)}
.cert-badge-stamp{width:28px;height:28px;fill:var(--red);opacity:.8}
.cert-body{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 0;margin-bottom:1.5rem}
.cert-body h4{font-size:1.2rem;font-weight:900;letter-spacing:-.5px;margin-bottom:.6rem}
.cert-body p{font-size:.78rem;color:var(--text-dim);line-height:1.7}
.cert-footer{display:flex;justify-content:space-between;align-items:center}
.cert-info-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:.2rem}
.cert-info-val{font-size:.8rem;font-weight:700;color:var(--text)}

/* ─── CURRICULUM ACCORDION ─── */
.curriculum-section{background:var(--bg)}
.curriculum-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:.6rem}
details{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;transition:border-color .2s}
details[open]{border-color:var(--border)}
summary{padding:1.1rem 1.4rem;cursor:pointer;display:flex;align-items:center;gap:1rem;list-style:none;background:var(--surface-2);font-weight:700;font-size:.95rem;transition:background .2s}
summary:hover{background:rgba(232,0,30,.06)}
summary::marker{display:none}
.mod-num{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);background:rgba(232,0,30,.1);padding:.2rem .6rem;border-radius:3px;flex-shrink:0}
.mod-duration{margin-left:auto;font-size:.75rem;color:var(--text-dim);font-weight:500;flex-shrink:0}
.mod-toggle{margin-left:.6rem;flex-shrink:0;transition:transform .3s}
details[open] .mod-toggle{transform:rotate(45deg)}
.mod-body{padding:1.2rem 1.4rem;font-size:.88rem;color:var(--text-dim);line-height:1.8;background:rgba(232,0,30,.02)}

/* ─── FINAL CTA ─── */
.register-section{background:radial-gradient(ellipse at 50% 0%,rgba(232,0,30,.15) 0%,var(--bg) 70%);padding:6rem 2rem}
.telemetry-panel{max-width:860px;margin:auto;text-align:center;background:rgba(232,0,30,.04);border:1px solid var(--border);border-radius:12px;padding:4rem 3rem;position:relative}

/* ─── FOOTER ─── */
footer{background:#000;border-top:1px solid var(--border-subtle);padding:3rem 2rem 1.5rem}
.footer-container{max-width:1080px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}
.footer-brand p{font-size:.85rem;color:var(--text-dim);line-height:1.7;margin-top:.8rem}
.footer-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);margin-bottom:.8rem}
.footer-logo svg{width:22px;height:22px;fill:var(--red)}
.footer-logo-text{font-weight:900;font-size:1.1rem}
.footer-logo-text span{color:var(--red)}
.footer-nav-col h4{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.footer-nav-col ul{list-style:none}
.footer-nav-col li{margin-bottom:.6rem}
.footer-nav-col a{font-size:.85rem;color:var(--text-dim);transition:color .2s}
.footer-nav-col a:hover{color:var(--text)}
.footer-bottom{max-width:1080px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-dim)}
.legal-links{display:flex;gap:1.5rem}
.legal-links a{color:var(--text-dim);transition:color .2s}
.legal-links a:hover{color:var(--text)}

/* ─── MODAL ─── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}
.modal-overlay.active{display:flex}
.success-modal{background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:2.5rem;text-align:center;max-width:400px;width:90%}
.modal-icon{width:52px;height:52px;background:rgba(232,0,30,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.modal-icon svg{width:24px;height:24px;fill:var(--red)}
.success-modal h3{font-size:1.3rem;font-weight:900;margin-bottom:.5rem}
.success-modal p{font-size:.88rem;color:var(--text-dim);line-height:1.7}
.modal-close-btn{margin-top:1.5rem;background:var(--red);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .2s}
.modal-close-btn:hover{background:var(--red-dim)}

/* ─── FORM SECTION ─── */
#hero-register-card{position:relative;overflow:visible}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .hero-wrapper{grid-template-columns:1fr;max-width:680px;margin:auto;text-align:center}
  .hero-content{display:flex;flex-direction:column;align-items:center}
  .stats-row{justify-content:center}
  .cert-section{grid-template-columns:1fr}
  .footer-container{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .header-container{padding:.8rem 1.2rem}
  .nav-links{display:none}
  .comparison-grid{grid-template-columns:1fr}
  .matrix-card{grid-template-columns:1fr}
  .footer-container{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
  .hero-title{font-size:2.2rem}
  section{padding:3.5rem 1.2rem}
  .telemetry-panel{padding:2.5rem 1.5rem}
}

/* ─── ENTRANCE ANIMATIONS ─── */
.animate-fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.animate-fade-in {
  opacity: 0;
  transition: opacity 0.8s ease-out;
}
.animate-slide-in-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.animate-slide-in-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.animate-in-view {
  opacity: 1 !important;
  transform: translate(0) !important;
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }

/* ─── RD STATION FORM OVERRIDES ─── */
#form-caj-red-team-essentials-854b0a99df792a848646 {
  margin: -3rem -1.5rem -0.5rem -1.5rem !important;
  width: calc(100% + 3rem) !important;
  max-width: none !important;
}
#form-caj-red-team-essentials-854b0a99df792a848646 form,
#form-caj-red-team-essentials-854b0a99df792a848646 > div {
  padding: 0 !important;
}