body{margin:0;background:#02080f;color:#e8fbff;font-family:Arial,sans-serif}
.topbar{height:54px;display:flex;align-items:center;padding:0 24px;background:#01070b;border-bottom:1px solid rgba(84,216,255,.35)}
.brand{font-family:Consolas,monospace;font-size:16px;margin-right:auto;color:#f5c542}
.brand span{font-family:Consolas,monospace;font-size:18px;color:white;font-weight:900;text-shadow:0 0 12px #54d8ff}
.nav{display:flex;gap:18px;font-family:Consolas,monospace;font-weight:800;font-size:15px}
.nav a,.nav span{color:white;text-decoration:none}
main{padding:28px 30px}
.hero{text-align:center;margin-bottom:20px}
.eyebrow{color:#f5c542;font-family:Consolas,monospace;letter-spacing:.18em;font-size:13px}
h1{font-family:Impact,Arial Black,sans-serif;font-size:58px;letter-spacing:3px;margin:10px 0;color:white;text-shadow:0 0 18px rgba(84,216,255,.5)}
.hero p{font-size:18px;color:#c6e5f2}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px auto 4px;max-width:1840px}
.stats div{border:1px solid rgba(84,216,255,.28);background:#071724;padding:10px 8px;text-align:center}
.stats b{display:block;color:#f5c542;font-size:26px}
.stats span{color:#b8d7e5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{min-height:390px;background:linear-gradient(180deg,#071724,#031017);border:1px solid rgba(84,216,255,.35);border-radius:8px;padding:16px;box-shadow:0 0 26px rgba(84,216,255,.10),inset 0 0 24px rgba(84,216,255,.05)}
.card h2{text-align:center;color:#f5c542;font-family:Consolas,monospace;letter-spacing:2px;font-size:21px;line-height:1.3}
.card h2 span{color:#ffd978}
.card h2:after{content:"";display:block;height:1px;margin:12px 0 16px;background:linear-gradient(90deg,transparent,rgba(84,216,255,.45),transparent)}
.visual{height:250px;background:#020b10;border:1px solid rgba(84,216,255,.20);display:flex;align-items:center;justify-content:center;text-align:center;color:#8ab4f8;font-family:Consolas,monospace;letter-spacing:3px}
footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}
footer p{margin:0}
footer a{color:#00e7ff;border:1px solid rgba(84,216,255,.65);padding:7px 12px;border-radius:5px;text-decoration:none}
@media(max-width:1200px){.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.nav{gap:10px;font-size:13px}}
@media(max-width:760px){.topbar{height:auto;flex-direction:column;padding:12px}.nav{flex-wrap:wrap}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}h1{font-size:36px}}

.drop{position:relative}
.drop button{
  background:none;
  border:0;
  color:white;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.menu{
  display:none;
  position:absolute;
  top:28px;
  left:0;
  min-width:240px;
  background:rgba(2,10,15,.98);
  border:1px solid rgba(84,216,255,.38);
  box-shadow:0 12px 28px rgba(0,0,0,.65);
  padding:8px;
  z-index:99;
}
.drop:hover .menu{display:block}
.menu a{
  display:block;
  padding:8px 10px;
  color:#e8fbff;
  text-decoration:none;
  font-weight:600;
}
.menu a:hover{
  background:rgba(84,216,255,.12);
  color:#54d8ff;
}

.nav a.active{
  color:#f5c542;
}


.gscx-title{
  color:white;
}

.cc-title{
  color:#f5c542;
  text-shadow:0 0 18px rgba(245,197,66,.45);
}


/* ABOUT PAGE */

.about-content{
    max-width:1100px;
    margin:40px auto 80px auto;
    line-height:1.7;
}

.about-content h2{
    margin-top:60px;
    margin-bottom:20px;
    color:#ffffff;
}

.about-content h3{
    margin-top:35px;
    margin-bottom:15px;
    color:#ffffff;
}

.about-content p{
    margin-bottom:20px;
}

.about-content ul{
    margin-top:15px;
    margin-bottom:25px;
}


/* SANDBOXES PAGE */

.sandbox-grid{
  max-width:1500px;
  margin:40px auto 90px auto;
  padding:0 30px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.sandbox-card{
  background:linear-gradient(180deg,#071724,#031017);
  border:1px solid rgba(84,216,255,.35);
  border-radius:10px;
  padding:22px;
  min-height:250px;
  box-shadow:0 0 26px rgba(84,216,255,.10), inset 0 0 24px rgba(84,216,255,.05);
}

.sandbox-card h2{
  color:#f5c542;
  font-family:Consolas,monospace;
  margin-top:0;
  font-size:18px;
}

.sandbox-card p{
  color:#c6e5f2;
  line-height:1.6;
  min-height:105px;
}

.sandbox-card a{
  display:inline-block;
  margin-top:14px;
  color:#00e7ff;
  border:1px solid rgba(84,216,255,.65);
  padding:9px 13px;
  border-radius:5px;
  text-decoration:none;
  font-weight:800;
  font-family:Consolas,monospace;
}

.sandbox-card a.disabled{
  color:#777;
  border-color:#555;
  cursor:not-allowed;
}

.status{
  display:inline-block;
  font-family:Consolas,monospace;
  font-weight:800;
  font-size:13px;
  padding:5px 9px;
  border-radius:4px;
}

.status.active{color:#7dffbf;border:1px solid rgba(125,255,191,.45)}
.status.dev{color:#f5c542;border:1px solid rgba(245,197,66,.45)}
.status.soon{color:#9fb3c8;border:1px solid rgba(159,179,200,.45)}

@media(max-width:1200px){
  .sandbox-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .sandbox-grid{grid-template-columns:1fr}
}


/* SANDBOX BACKGROUNDS */

.sandbox-card{
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
}

.sandbox-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,16,23,.55),rgba(3,16,23,.80));
  z-index:0;
}

.sandbox-card > *{
  position:relative;
  z-index:1;
}

.industrial-bg{
  background-image:url("assets/sandbox-bg/Industrial.png");
}

.reliability-bg{
  background-image:url("assets/sandbox-bg/Reliability.png");
}

.fusion-bg{
  background-image:url("assets/sandbox-bg/Fusion.png");
}

.robotics-bg{
  background-image:url("assets/sandbox-bg/Robotics.png");
}

.battery-bg{
  background-image:url("assets/sandbox-bg/Battery.png");
}

.spaceflight-bg{
  background-image:url("assets/sandbox-bg/Spaceflight.png");
}

.nuclear-bg{
  background-image:url("assets/sandbox-bg/Nuclear.png");
}

.energy-bg{
  background-image:url("assets/sandbox-bg/Energy network.png");
}


.sandbox-card[role="link"]{
  cursor:pointer;
}

.sandbox-card[role="link"]:hover{
  transform:translateY(-3px);
  border-color:rgba(245,197,66,.75);
  box-shadow:0 0 32px rgba(245,197,66,.18), inset 0 0 24px rgba(84,216,255,.06);
}


.sandbox-card[role="link"]{
  cursor:pointer;
}

.sandbox-card[role="link"]:hover{
  transform:translateY(-3px);
  border-color:rgba(245,197,66,.75);
}


.pub-link{
  display:inline-block;
  margin-top:8px;
  color:#00e7ff;
  border:1px solid rgba(84,216,255,.65);
  padding:9px 13px;
  border-radius:5px;
  text-decoration:none;
  font-weight:800;
  font-family:Consolas,monospace;
}

.pub-link:hover{
  color:#f5c542;
  border-color:rgba(245,197,66,.75);
}


.resource-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
  margin:30px 0;
}

.resource-card{
  border:1px solid rgba(84,216,255,.30);
  background:rgba(0,25,40,.35);
  padding:22px;
  border-radius:10px;
}

.resource-card h3{
  color:#f5c542;
  margin-top:0;
}


/* PUBLICATION CARDS */

.publication-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin:35px 0 70px 0;
}

.publication-card{
  background:linear-gradient(180deg,#071724,#031017);
  border:1px solid rgba(84,216,255,.35);
  border-radius:10px;
  padding:22px;
  min-height:280px;
  box-shadow:0 0 26px rgba(84,216,255,.10), inset 0 0 24px rgba(84,216,255,.05);
}

.publication-card h3{
  color:#f5c542;
  font-family:Consolas,monospace;
  margin-top:18px;
  line-height:1.35;
}

.publication-card p{
  color:#c6e5f2;
  line-height:1.6;
}

.resource-list{
  margin-top:25px;
  margin-bottom:60px;
}

.resource-list p{
  border-left:3px solid rgba(84,216,255,.45);
  padding-left:18px;
  margin-bottom:28px;
}

@media(max-width:1200px){
  .publication-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .publication-grid{grid-template-columns:1fr}
}





/* VALIDATION COMPUTATIONAL BACKGROUND - CSS ONLY */
.validation-page{
  position:relative;
  overflow-x:hidden;
}

.validation-page::before{
  content:
"NASA CMAPSS 709 ENGINES · WQS=0.8916 · DETECTION=100% · FD001 FD002 FD003 FD004 \A"
"TRUE N10000 · TRUE N1000000 · INDUSTRIAL · FUSION · SAFETY↑ · PRODUCTIVITY↑ · ENERGY↓ \A"
"CWRU BEARINGS · F1=1.000 · PRECISION=1.000 · RECALL=1.000 · STATUS=VALIDATED \A"
"IMS BEARINGS · LEAD HORIZON=13.64% · EARLY WARNING · STATUS=VALIDATED \A"
"BATTERY DATASET · 38 CELLS · 27 STANDARD CELLS · STATUS=IN PROGRESS \A"
"ROBOTWIN · EMBODIED AI · ROBOCUP PREPARATION · STATUS=IN PROGRESS \A"
"CM+ELI ACTIVE · METASTABLE CORRIDORS · REGENERATIVE METASTABILITY \A"
"OFFLINE VALIDATION → SIMULATION → HARDWARE-IN-THE-LOOP → REAL DEPLOYMENT \A"
"J=∫(xᵀQx+uᵀRu)dt · SOH=Ccurrent/Cnominal · unsafe_time↓ · yield/energy↑ \A";
  position:fixed;
  inset:80px 0 0 0;
  left:55%;
  transform:translateX(-20%);
  z-index:0;
  opacity:.11;
  color:#54d8ff;
  font-family:Consolas,monospace;
  font-size:18px;
  line-height:2.35;
  letter-spacing:2px;
  white-space:pre-wrap;
  padding:28px;
  pointer-events:none;
  transform:translateX(-45%);
}

.validation-page header,
.validation-page main{
  position:relative;
  z-index:2;
}


/* RESEARCH RESOURCES BACKGROUND */

.resources-page{
  position:relative;
}

.resources-page::before{
  content:
"GSC-X/ \A\
├── validation \A\
├── reports \A\
├── reliability \A\
├── industrial \A\
├── fusion \A\
├── spaceflight \A\
├── robotics \A\
└── battery \A\
\A\
GDS-framework/ \A\
├── publications \A\
├── cosmology \A\
├── dynamics \A\
└── metastability";

  position:fixed;
  top:60px;
  left:75%;
  z-index:0;

  white-space:pre;

  font-family:Consolas,monospace;
  font-size:28px;
  line-height:1.75;

  color:#54d8ff;
  text-shadow:0 0 10px rgba(84,216,255,.22);
  opacity:.105;

  pointer-events:none;

  transform:translateX(-50%);
}

.resources-page main,
.resources-page header{
  position:relative;
  z-index:2;
}







/* AUTHOR BACKGROUND */

.author-page{
  position:relative;
  overflow-x:hidden;
}

.author-page::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url("assets/backgrounds/domovina1.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  opacity:0.45;
  pointer-events:none;
  z-index:0;
}

.author-page header,
.author-page main{
  position:relative;
  z-index:2;
}

/* ABOUT BACKGROUND */

.about-page{
  position:relative;
  overflow-x:hidden;
}

.about-page::before{
  content:"";
  position:fixed;
  inset:0;

  background-image:url("assets/backgrounds/otaznik.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:52% auto;

  opacity:0.18;

  pointer-events:none;
  z-index:0;
}

.about-page header,
.about-page main{
  position:relative;
  z-index:2;
}


/* CONTACT BACKGROUND - STRUCTURED NETWORK */

.contact-page{
  position:relative;
  overflow-x:hidden;
}

.contact-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.24;

  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%272200%27%20height%3D%271100%27%20viewBox%3D%270%200%202200%201100%27%3E%0A%3Cg%20fill%3D%27none%27%20stroke%3D%27%2354d8ff%27%20stroke-width%3D%270.85%27%20stroke-opacity%3D%270.58%27%3E%0A%3Cpath%20d%3D%27M-80%20720%20L120%20610%20L280%20690%20L460%20560%20L650%20640%20L850%20500%20L1060%20580%20L1260%20430%20L1480%20520%20L1700%20360%20L1940%20460%20L2280%20280%27/%3E%0A%3Cpath%20d%3D%27M-40%20380%20L180%20470%20L360%20360%20L570%20450%20L790%20300%20L1010%20390%20L1220%20270%20L1450%20360%20L1660%20240%20L1880%20330%20L2260%20170%27/%3E%0A%3Cpath%20d%3D%27M80%20900%20L280%20690%20L360%20360%20L460%20560%20L570%20450%20L650%20640%20L790%20300%20L850%20500%20L1010%20390%27/%3E%0A%3Cpath%20d%3D%27M1220%20270%20L1260%20430%20L1450%20360%20L1480%20520%20L1660%20240%20L1700%20360%20L1880%20330%20L1940%20460%27/%3E%0A%3Cpath%20d%3D%27M180%20470%20L280%20690%20L570%20450%20L850%20500%20L1220%20270%20L1480%20520%20L1880%20330%27/%3E%0A%3Cpath%20d%3D%27M120%20610%20L360%20360%20L650%20640%20L1010%20390%20L1260%20430%20L1660%20240%20L2280%20280%27/%3E%0A%3Cpath%20d%3D%27M-80%20720%20L180%20470%20L460%20560%20L790%20300%20L1060%20580%20L1450%20360%20L1940%20460%27/%3E%0A%3Cpath%20d%3D%27M80%20900%20L460%20560%20L850%20500%20L1260%20430%20L1700%20360%20L2260%20170%27/%3E%0A%3Cpath%20d%3D%27M280%20690%20L650%20640%20L1060%20580%20L1480%20520%20L1940%20460%27/%3E%0A%3Cpath%20d%3D%27M360%20360%20L790%20300%20L1220%20270%20L1660%20240%20L1880%20330%27/%3E%0A%3Cpath%20d%3D%27M570%20450%20L1010%20390%20L1450%20360%20L1700%20360%27/%3E%0A%3Cpath%20d%3D%27M120%20610%20L280%20690%20L460%20560%20L650%20640%27/%3E%0A%3Cpath%20d%3D%27M1060%20580%20L1260%20430%20L1480%20520%20L1700%20360%27/%3E%0A%3Cpath%20d%3D%27M1880%20330%20L1940%20460%20L2280%20280%27/%3E%0A%3C/g%3E%0A%3Cg%20fill%3D%27%2354d8ff%27%20fill-opacity%3D%270.82%27%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27610%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27180%27%20cy%3D%27470%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27280%27%20cy%3D%27690%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%27360%27%20cy%3D%27360%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27460%27%20cy%3D%27560%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27570%27%20cy%3D%27450%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%27650%27%20cy%3D%27640%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27790%27%20cy%3D%27300%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%27850%27%20cy%3D%27500%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%271010%27%20cy%3D%27390%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271060%27%20cy%3D%27580%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271220%27%20cy%3D%27270%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%271260%27%20cy%3D%27430%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271450%27%20cy%3D%27360%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271480%27%20cy%3D%27520%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%271660%27%20cy%3D%27240%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271700%27%20cy%3D%27360%27%20r%3D%272.4%27/%3E%3Ccircle%20cx%3D%271880%27%20cy%3D%27330%27%20r%3D%272.4%27/%3E%0A%3Ccircle%20cx%3D%271940%27%20cy%3D%27460%27%20r%3D%272.4%27/%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center 40px;
  background-size:2600px auto;

  filter:drop-shadow(0 0 10px rgba(84,216,255,.36));
}

.contact-page header,
.contact-page main{
  position:relative;
  z-index:2;
}

/* TECHNOLOGY BACKGROUND */

.technology-page{
  position:relative;
  overflow-x:hidden;
}

.technology-page::before{
  content:"";
  position:fixed;
  inset:0;

  background-image:url("assets/backgrounds/About1.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;

  opacity:0.10;

  pointer-events:none;
  z-index:0;
}

.technology-page header,
.technology-page main{
  position:relative;
  z-index:2;
}


/* SERVICES BACKGROUND */

.services-page{
  position:relative;
  overflow-x:hidden;
}

.services-page::before{
  content:
"●────────●────────●────────●────────●\A\
\A\
DISCUSS → AUDIT → PILOT → VALIDATE → DEPLOY";

  position:fixed;

  top:260px;
  left:60%;
  transform:translateX(-50%);

  white-space:pre;

  font-family:Consolas,monospace;
  font-size:28px;
  letter-spacing:4px;
  line-height:2.2;

  color:#54d8ff;
  opacity:.09;

  pointer-events:none;
  z-index:0;
}

.services-page header,
.services-page main{
  position:relative;
  z-index:2;
}