body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0f14;color:#eef3f8;line-height:1.65}
a{color:#86c8ff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(92%,1050px);margin:auto}
header,footer{border-bottom:1px solid #263140;background:#0b0f14}
header .wrap,footer .wrap{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
nav a{margin-left:18px;color:#aeb9c5}.brand{font-weight:800;letter-spacing:.08em;color:white}
.hero{padding:100px 0 70px}.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.03;max-width:900px;margin:0 0 22px}
.hero p,.muted{color:#aeb9c5;max-width:800px;font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:80px}
.card{border:1px solid #263140;background:#121923;border-radius:16px;padding:24px}.card p{color:#aeb9c5}
.section{padding:60px 0;border-top:1px solid #263140}.doc{padding:65px 0 90px}.doc h1{font-size:3rem}.doc h2{margin-top:36px}.doc p,.doc li{color:#c7d0d9}
.notice{border-left:3px solid #86c8ff;background:#111923;padding:16px;border-radius:8px}
footer{border-top:1px solid #263140;border-bottom:0;color:#93a1b0}.links a{margin-left:18px;color:#93a1b0}
@media(max-width:800px){.grid{grid-template-columns:1fr}header .wrap,footer .wrap{align-items:flex-start;gap:14px;flex-direction:column}nav a{margin:0 14px 0 0}}