*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f7f8;color:#222}header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#fff;box-shadow:0 1px 8px #0001}.brand{font-weight:800;font-size:24px;color:#e74c3c;text-decoration:none}nav a{margin-left:16px;color:#333;text-decoration:none}main{max-width:1100px;margin:30px auto;padding:0 20px}.hero{background:#fff;border-radius:20px;padding:45px;box-shadow:0 10px 30px #0001}.hero h1{font-size:42px;margin:0 0 10px}input,select,button{padding:13px;border:1px solid #ddd;border-radius:12px;margin:6px 4px;font-size:16px}button,.button{background:#e74c3c;color:#fff;border:0;text-decoration:none;display:inline-block;padding:13px 18px;border-radius:12px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card,.panel{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0001}.alert{padding:15px;border-radius:12px;margin-bottom:20px}.error{background:#ffe1e1}.success{background:#e2ffe2}table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}footer{text-align:center;color:#777;padding:30px}
.option-group{margin-top:12px;padding:10px;background:#fafafa;border-radius:12px}.check{display:block;margin:8px 0}label{display:block;margin:8px 0}.timeline{background:#fff;border-radius:18px;padding:22px 35px;box-shadow:0 10px 30px #0001}.timeline li{margin-bottom:12px}.search input{min-width:260px}@media(max-width:700px){header{display:block}nav a{display:inline-block;margin:8px 10px 0 0}.hero{padding:25px}.hero h1{font-size:30px}input,select,button{width:100%;margin:6px 0}table{font-size:14px;display:block;overflow:auto}}