.cyber-page{
  background:
    linear-gradient(rgba(2,3,5,.66),rgba(2,3,5,.84)),
    url("assets/cyber-background.jpg") center center/cover fixed no-repeat;
}
.site-nav .active{color:#fff}
.cyber-hero{
  min-height:650px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 74% 42%,rgba(190,0,0,.18),transparent 24%),
    linear-gradient(90deg,rgba(3,4,6,.95) 0%,rgba(5,5,7,.77) 50%,rgba(8,3,4,.72) 100%);
}
.cyber-hero-grid{width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.cyber-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.8rem,7vw,6.7rem);line-height:.92;margin:12px 0 24px;max-width:780px}
.cyber-hero-copy>p:not(.eyebrow){font-size:1.16rem;line-height:1.7;color:#b9b9be;max-width:720px}
.hero-pills{margin-top:28px}
.cyber-avatar-wrap{display:flex;justify-content:center}
.cyber-avatar-wrap img{width:min(420px,90%);aspect-ratio:1;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 45px rgba(170,0,0,.34));border:1px solid rgba(255,70,70,.22)}
.journey{padding-top:78px}
.journey-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.journey-stats div{padding:22px;border:1px solid #29292e;border-radius:14px;background:rgba(8,8,10,.86);backdrop-filter:blur(8px)}
.journey-stats span{display:block;color:#87878e;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}
.journey-stats strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.profile-card{border:1px solid #29292f;border-top-color:rgba(227,27,35,.5);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(13,13,16,.9),rgba(6,6,8,.95));transition:.18s ease}
.profile-card:hover{transform:translateY(-3px);border-color:#5e3033}
.profile-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.platform-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#161619;border:1px solid #3b3b40;color:#ff4b51}
.profile-state{font-size:.62rem;letter-spacing:.1em;color:#888;text-align:right}
.profile-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;margin:20px 0 4px}
.profile-card p{color:#999aa0;margin:0 0 20px}
.profile-link{color:#ff5b61;font-weight:750;font-size:.9rem}
.stats-note{color:#77787f;font-size:.86rem;line-height:1.6;margin-top:15px}
.cyber-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cyber-info-card,.tool-card,.stack-card{border:1px solid #29292e;border-top-color:rgba(227,27,35,.44);border-radius:16px;padding:26px;background:linear-gradient(180deg,rgba(12,12,15,.9),rgba(6,6,8,.95));backdrop-filter:blur(8px)}
.cyber-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;color:#ff5258;border:1px solid #4a2527;background:#15090a;font-size:1.5rem}
.cyber-info-card h3,.tool-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;margin:17px 0 10px}
.cyber-info-card p,.tool-card p,.stack-card p{color:#a5a5aa;line-height:1.65}
.cyber-info-card a{color:#ff5b61;font-weight:700;font-size:.9rem}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tool-card{min-height:315px}.featured-tool{box-shadow:0 0 36px rgba(120,0,0,.13)}
.status.live{color:#ff676d;border-color:#4b282b;background:#160a0b}
.featured-project-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:34px;border:1px solid #303036;border-top-color:#642e32;border-radius:18px;background:linear-gradient(135deg,rgba(15,15,18,.94),rgba(6,6,8,.97))}
.featured-project-card h2{font-family:Georgia,"Times New Roman",serif;font-size:2.6rem;margin:10px 0}
.featured-project-card p{color:#aaaab0;line-height:1.7}
.code-preview{border:1px solid #2b2b31;border-radius:13px;overflow:hidden;background:#050607;box-shadow:0 18px 45px rgba(0,0,0,.34)}
.code-head{display:flex;align-items:center;gap:7px;padding:11px 13px;background:#101114;border-bottom:1px solid #2c2d31}
.code-head span{width:9px;height:9px;border-radius:50%;background:#5d2326}.code-head b{font-size:.7rem;color:#7f8087;margin-left:8px}
.code-preview pre{margin:0;padding:24px;color:#d4d4d7;line-height:1.7;overflow:auto}
.code-preview code{color:#d9d9dc}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.method-grid article{padding:24px;border-top:1px solid #5c2529;background:rgba(7,7,9,.72);border-radius:0 0 12px 12px}
.method-grid span{color:#d74348;font-family:Georgia,"Times New Roman",serif;font-size:2rem}
.method-grid h3{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;margin:11px 0}
.method-grid p{color:#98999f;line-height:1.6}
.lab-post-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lab-post-grid .section-heading{margin-bottom:20px}
.stack-card span{font-size:.68rem;letter-spacing:.12em;color:#ff575d}.stack-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem}
.authorization-note{padding-top:35px}.authorization-note>div{padding:22px 26px;border:1px solid #422326;border-left:3px solid #d91d24;border-radius:10px;background:rgba(10,7,8,.83)}
.authorization-note strong{color:#ff6469}.authorization-note p{color:#8d8e94;margin:7px 0 0;line-height:1.6}
@media(max-width:950px){.cyber-hero-grid,.featured-project-card{grid-template-columns:1fr}.cyber-avatar-wrap{order:-1}.cyber-avatar-wrap img{width:250px}.journey-stats,.profile-grid,.cyber-card-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}.lab-post-grid{grid-template-columns:1fr}.cyber-page{background-attachment:scroll}}
@media(max-width:620px){.cyber-hero{min-height:auto;padding:75px 0}.cyber-hero-grid{gap:30px}.cyber-hero-copy h1{font-size:3.25rem}.journey-stats,.profile-grid,.cyber-card-grid,.method-grid{grid-template-columns:1fr}.cyber-avatar-wrap img{width:190px}}

/* v19 Recon Methodology */
.recon-methodology{padding-top:60px}
.recon-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.recon-flow article{
  padding:24px;
  border:1px solid #29292f;
  border-top-color:rgba(227,27,35,.52);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(12,12,15,.90),rgba(6,6,8,.96));
  backdrop-filter:blur(8px);
  min-height:250px;
}
.recon-flow article>span{
  color:#d64b50;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.9rem;
}
.recon-flow h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.38rem;
  margin:12px 0 9px;
}
.recon-flow p{
  color:#96979d;
  line-height:1.62;
  font-size:.9rem;
}
.recon-loop-card{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:28px 30px;
  border:1px solid #382729;
  border-left:3px solid #d91d24;
  border-radius:15px;
  background:
    linear-gradient(135deg,rgba(18,9,10,.92),rgba(7,7,9,.96));
}
.recon-loop-card h3{
  font-family:Georgia,"Times New Roman",serif;
  margin:7px 0 8px;
  font-size:1.55rem;
}
.recon-loop-card p{
  color:#97989e;
  line-height:1.6;
  margin:0;
  max-width:790px;
}
.recon-loop-card .btn{flex:0 0 auto}
@media(max-width:1050px){.recon-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .recon-flow{grid-template-columns:1fr}
  .recon-loop-card{align-items:flex-start;flex-direction:column}
}