﻿*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#080808;color:white;font-family:Arial,sans-serif;line-height:1.6}
header{height:75px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525;position:sticky;top:0;background:#080808;z-index:5}
.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:900;letter-spacing:4px}
.brand img{width:38px}
nav{display:flex;gap:28px}
nav a{color:#bbb;text-decoration:none;font-size:13px;text-transform:uppercase}
nav a:hover{color:white}
#menuBtn{display:none;background:none;color:white;border:0;font-size:25px}
.hero{text-align:center;min-height:600px;padding:100px 20px;background:radial-gradient(ellipse,#292929,#080808 70%);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ghost{width:130px;margin-bottom:25px}
.tag{color:#aaa;font-size:11px;letter-spacing:5px;font-weight:bold}
h1{font-size:clamp(45px,9vw,90px);letter-spacing:5px;margin:15px}
h1 span{color:#777}
.hero p:not(.tag){color:#aaa;margin-bottom:25px}
.btn{display:inline-block;background:white;color:black;text-decoration:none;padding:14px 25px;font-weight:bold;font-size:12px;letter-spacing:2px}
.btn:hover{background:#aaa}
.section{padding:90px 8%;text-align:center}
h2{font-size:clamp(28px,5vw,44px);margin:12px 0 20px}
.description{color:#999;margin-bottom:30px}
.cards{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;text-align:left}
.cards article{padding:25px;background:#111;border:1px solid #292929;border-radius:5px}
.cards b{color:#888}
.cards h3{margin:8px 0}
.cards p{font-size:14px;color:#999}
.dark{background:#101010}
.three{grid-template-columns:repeat(3,1fr)}
.join{text-align:center;padding:90px 20px;background:#111}
.join img{width:90px;margin-bottom:20px}
.join h2{margin-bottom:25px}
footer{text-align:center;padding:25px;color:#777;border-top:1px solid #222;font-size:12px}
@media(max-width:700px){header{padding:0 5%}#menuBtn{display:block}nav{display:none;position:absolute;top:75px;left:0;width:100%;padding:20px;background:#111;flex-direction:column}nav.open{display:flex}.cards,.three{grid-template-columns:1fr}}
