*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#111;color:#f5f5f5;line-height:1.6}
a{color:#ff9800;text-decoration:none}
.hero{background:linear-gradient(180deg,#000,#1b1b1b);padding-bottom:80px}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}
nav a{margin-left:20px}
.logo{font-size:28px;font-weight:bold;color:#ff9800}
.hero-content{max-width:900px;margin:80px auto 0;padding:0 20px;text-align:center}
.hero h1{font-size:48px;line-height:1.15;margin-bottom:20px}
.hero p{font-size:20px;color:#ccc}
.btn{display:inline-block;background:#ff9800;color:#111;padding:14px 24px;border-radius:8px;font-weight:bold;border:none;cursor:pointer}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:1000px;margin:-30px auto 20px;padding:0 20px}
.stats div{background:#1d1d1d;padding:20px;border-radius:12px;text-align:center;border:1px solid #333}
.stats strong{display:block;font-size:30px;color:#ff9800}
.stats span{color:#bbb}
.container{max-width:1000px;margin:0 auto;padding:40px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1d1d1d;padding:20px;border-radius:12px;border:1px solid #333}
table{width:100%;border-collapse:collapse;background:#1d1d1d;border-radius:12px;overflow:hidden}
th,td{padding:14px;border-bottom:1px solid #333;text-align:left}
th{background:#242424;color:#ff9800}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
input,select{width:100%;padding:12px;border-radius:8px;border:1px solid #444;background:#181818;color:#fff}
.check{display:block;margin:16px 0;color:#ddd}
footer{text-align:center;padding:30px;background:#000;color:#888;margin-top:40px}
@media (max-width:700px){
  nav{flex-direction:column;gap:10px}
  .hero h1{font-size:34px}
}