*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#172033}.top{background:#101828;color:#fff;padding:16px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:24px;font-weight:800;color:#fff;text-decoration:none}.top a{color:#fff;text-decoration:none;margin-left:15px}.container{width:min(1180px,94%);margin:24px auto}.hero{background:linear-gradient(135deg,#101828,#f97316);color:#fff;padding:60px 35px;border-radius:24px}.btn{display:inline-block;background:#f97316;color:#fff;padding:11px 18px;border:0;border-radius:10px;text-decoration:none;cursor:pointer}.btn.dark{background:#101828}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0001}.card img{width:100%;height:210px;object-fit:cover;border-radius:12px;background:#eee}input,textarea,select{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:10px;margin:6px 0 14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.alert{padding:12px;background:#fff3cd;border-radius:10px;margin:10px 0}.sidebar a{display:block;padding:10px;background:#fff;margin:6px 0;border-radius:10px;text-decoration:none;color:#101828}.two{display:grid;grid-template-columns:240px 1fr;gap:20px}@media(max-width:760px){.two{grid-template-columns:1fr}.top{display:block}.top nav a{display:inline-block;margin:8px 8px 0 0}}