/* MaxWay main.css v1.1 */

:root{
  --bg:#050505;
  --panel:rgba(18,18,18,.78);
  --border:rgba(255,255,255,.08);
  --green:#A8FF00;
  --text:#F2F2F2;
  --muted:#9AA0A6;
}

*{margin:0;padding:0;box-sizing:border-box}

html,body{width:100%;height:100%}

body{
  background:radial-gradient(circle at top,#0b0b0b 0%,#050505 60%,#030303 100%);
  color:var(--text);
  font:16px/1.5 "Segoe UI",Inter,Arial,sans-serif;
  overflow:hidden;
}

#network{position:fixed;inset:0;z-index:1}
#network svg{width:100%;height:100%}

.noise{
 position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.03;
 background-image:radial-gradient(#fff 1px,transparent 1px);
 background-size:8px 8px;
}

.hero{
 position:relative;
 z-index:5;
 height:100vh;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
 padding:32px;
}

.logo{margin-bottom:48px}

.logo-text{
 font-size:84px;
 font-weight:900;
 letter-spacing:10px;
 color:var(--green);
 text-shadow:0 0 10px rgba(168,255,0,.8),
             0 0 28px rgba(168,255,0,.45),
             0 0 80px rgba(168,255,0,.18);
}

.logo-author{
 margin-top:12px;
 color:#7f7f7f;
 text-transform:uppercase;
 letter-spacing:5px;
 font-size:13px;
}

.hero-content h1{
 font-size:58px;
 font-weight:650;
 margin-bottom:24px;
}

.hero-content p{
 color:var(--muted);
 font-size:21px;
 line-height:1.8;
}

.status{
 width:min(430px,92vw);
 margin-top:52px;
 padding:28px;
 background:var(--panel);
 border:1px solid var(--border);
 border-radius:20px;
 backdrop-filter:blur(18px);
 box-shadow:
   0 10px 40px rgba(0,0,0,.45),
   inset 0 0 0 1px rgba(255,255,255,.02);
}

.status-title{
 color:var(--green);
 text-align:center;
 letter-spacing:3px;
 margin-bottom:20px;
 font-weight:700;
}

.status-row{
 display:flex;
 align-items:center;
 gap:12px;
 padding:9px 0;
 color:#ddd;
}

.dot{
 width:10px;height:10px;border-radius:50%;
 background:var(--green);
 box-shadow:0 0 12px var(--green),0 0 24px var(--green);
}

footer{
 position:absolute;
 bottom:26px;
 left:50%;
 transform:translateX(-50%);
 z-index:10;
 text-align:center;
}

.footer-line{
 width:140px;
 height:2px;
 background:linear-gradient(90deg,transparent,var(--green),transparent);
 margin:0 auto 18px;
}

.footer-text{color:#767676;font-size:14px}

.footer-domain{
 margin-top:10px;
 color:var(--green);
 letter-spacing:4px;
 font-weight:600;
}

.network-line{stroke:#476300;stroke-width:1;opacity:.30}
.network-node{fill:var(--green);filter:drop-shadow(0 0 8px var(--green))}
.packet{fill:#ecff9d}

@media(max-width:900px){
 .logo-text{font-size:50px;letter-spacing:6px}
 .hero-content h1{font-size:38px}
 .hero-content p{font-size:18px}
}