:root{
    --bg:#080a0f;
    --bg2:#0d1119;
    --text:#f5f7fa;
    --muted:#9299a8;
    --line:rgba(255,255,255,.09);
    --accent:#7c5cff;
    --accent2:#20e3b2;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{transition:.2s ease}
.tracking{letter-spacing:.16em}.brand-logo{height:42px;width:auto;max-width:220px;object-fit:contain;object-position:left center}.brand-logo{border-radius:8px}.admin-logo{height:42px;width:auto;max-width:190px;object-fit:contain;object-position:left center}
.dot{color:var(--accent2)}
.glass-nav{background:rgba(8,10,15,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.hero-section{position:relative;overflow:hidden}
.hero-title{letter-spacing:-.045em;line-height:1.02;max-width:900px}
.text-gradient{background:linear-gradient(90deg,#fff,var(--accent2),#a58bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:.76rem;letter-spacing:.18em;color:var(--accent2);font-weight:700}
.hero-copy{max-width:680px}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
.pulse{font-size:.55rem;margin-right:6px}
.orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.16}
.orb-a{width:260px;height:260px;background:var(--accent);right:8%;top:22%}
.orb-b{width:220px;height:220px;background:var(--accent2);left:-6%;bottom:12%}
.lab-card,.experiment-card,.contact-box,.mini-stat{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:24px}
.lab-card{padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.lab-top{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);letter-spacing:.15em}
.status-light{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 16px var(--accent2)}
.lab-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.grid-cell{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#111621}
.grid-cell:nth-child(1),.grid-cell:nth-child(5),.grid-cell:nth-child(9){background:linear-gradient(145deg,var(--accent),#171225)}
.grid-cell:nth-child(3),.grid-cell:nth-child(7){background:linear-gradient(145deg,var(--accent2),#12231f)}
.section-space{padding:110px 0}
.section-alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{max-width:760px}
.experiment-card{position:relative;padding:28px;overflow:hidden}
.experiment-card:hover{transform:translateY(-6px);border-color:rgba(124,92,255,.5);box-shadow:0 25px 55px rgba(0,0,0,.22)}
.icon-box{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#c4b8ff;font-size:1.35rem}
.badge-soft{background:rgba(32,227,178,.08);color:#85f1d6;border:1px solid rgba(32,227,178,.16)}
.mini-stat{padding:20px;display:flex;flex-direction:column;gap:4px}
.mini-stat strong{font-size:1.8rem}.mini-stat span{color:var(--muted)}
.contact-box{padding:38px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.btn-primary{background:var(--accent);border-color:var(--accent)}
.btn-primary:hover{background:#6b4ef2;border-color:#6b4ef2}
@media (max-width: 991.98px){
    .hero-title{font-size:clamp(3rem,10vw,5.5rem)}
    .contact-box{flex-direction:column;align-items:flex-start}
}
@media (max-width: 575.98px){
    .section-space{padding:80px 0}
    .lab-card{margin-top:10px}
    .contact-box{padding:26px}
}