:root{
--bg:#0b0b0b;
--fg:#ffffff;
--accent:#6bb6ff;
--muted:#888;
--max:1100px;
}

*{box-sizing:border-box}

body{
margin:0;
font-family:Inter,Arial,Helvetica,sans-serif;
background:var(--bg);
color:var(--fg);
}

nav{
position:fixed;
top:0;
width:100%;
background:rgba(11,11,11,0.9);
z-index:10;
}

.nav-inner{
max-width:var(--max);
margin:auto;
padding:20px 20px;
display:flex;
justify-content:space-between;
align-items:center;
}

nav a{
color:var(--fg);
text-decoration:none;
margin-left:28px;
font-size:14px;
}

nav a:hover{color:var(--accent)}

.hero{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero-inner{
max-width:700px;
}

.hero h1{
font-size:64px;
margin:0;
}

.hero h2{
font-size:28px;
font-weight:400;
margin:12px 0;
}

.hero p{
margin-top:32px;
font-size:18px;
color:var(--muted);
}

section{
padding:140px 20px;
}

.section-inner{
max-width:var(--max);
margin:auto;
}

h3{
font-size:34px;
margin-bottom:24px;
}

p{
font-size:18px;
line-height:1.6;
max-width:700px;
}

.status{
margin-top:32px;
font-size:14px;
letter-spacing:2px;
}

.off{color:#666}

.log div{
padding:20px 0;
border-bottom:1px solid #222;
max-width:700px;
}

footer{
border-top:1px solid #222;
}

.footer-inner{
max-width:var(--max);
margin:auto;
padding:40px 20px;
font-size:13px;
color:#666;
text-align:center;
}