*{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#fbfbfa;
--text:#111;
--muted:#666;
--line:#e7e7e4;
}
body{
font-family:Inter,system-ui,sans-serif;
background:var(--bg);
color:var(--text);
min-height:100vh;
position:relative;
overflow-x:hidden;
}
.grid{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:0;
inset:0;
pointer-events:none;
background-image:
linear-gradient(to right, transparent 0, transparent calc(50% - .5px), rgba(0,0,0,.015) calc(50% - .5px), rgba(0,0,0,.015) calc(50% + .5px), transparent calc(50% + .5px)),
linear-gradient(var(--line) 2px, transparent 2px),
linear-gradient(90deg,var(--line) 2px, transparent 2px);
background-size:100% 100%, 120px 120px,120px 120px;
opacity:.35;
}
.shell{
position:relative;
z-index:10;
max-width:1220px;
margin:auto;
min-height:100vh;
padding:48px 56px;
display:flex;
flex-direction:column;
}
header{display:flex;justify-content:space-between}
.brand{display:flex;align-items:center;gap:18px}
.brand img{width:60px;height:60px}
.name{font-size:34px;font-weight:700;letter-spacing:7px}
.micro{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#777;margin-top:3px}
main{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
max-width:760px;
}
.accent{width:84px;height:2px;background:#111;margin-bottom:28px}
.eyebrow{font-size:12px;letter-spacing:3px;color:#777;margin-bottom:18px}
h1{
font-size:68px;
line-height:1.04;
font-weight:600;
letter-spacing:-1px;
margin-bottom:34px;
}
p{
font-size:21px;
line-height:1.9;
color:var(--muted);
max-width:700px;
}
.status{
margin-top:42px;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#888;
}
footer{
display:flex;
justify-content:space-between;
padding-top:22px;
border-top:1px solid var(--line);
font-size:13px;
color:#777;
}
@media (max-width:768px){
.shell{padding:28px 24px}
.name{font-size:24px;letter-spacing:4px}
.brand img{width:50px;height:50px}
main{justify-content:center}
h1{font-size:42px;line-height:1.08}
p{font-size:17px;line-height:1.8}
footer{flex-direction:column;gap:10px}
.grid{
background-size:100% 100%, 80px 80px,80px 80px;
}
}