*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Tamil",sans-serif;background:#f3f6fa;color:#17202a}header{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;gap:12px;padding:12px 6%;box-shadow:0 2px 12px #0002}header h1{font-size:19px;margin:0}header p{margin:0;color:#667085;font-size:12px}header a{margin-left:auto;background:#17202a;color:white;padding:10px;border-radius:10px;text-decoration:none;font-weight:bold}.logo{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:#ff7a00;color:white;font-weight:900}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;padding:55px 8%;background:linear-gradient(135deg,#fff2df,#eaffe9)}.hero span{color:#bd5c00;font-weight:bold}.hero h2{font-size:40px;line-height:1.2;margin:12px 0}.hero p{font-size:17px;color:#475467}.truck{font-size:100px}.card{max-width:1000px;margin:35px auto;padding:26px;background:white;border-radius:22px;box-shadow:0 10px 30px #0001}.card h2{text-align:center}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-weight:bold;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ccd3dd;border-radius:10px;font-size:16px}textarea{min-height:85px}.full{grid-column:1/-1}button{border:0;border-radius:12px;background:#ff7a00;color:white;padding:15px;font-size:17px;font-weight:900;cursor:pointer}#message{margin-top:15px;text-align:center;font-weight:bold}.hint{text-align:center;color:#667085}.booking{border:1px solid #e2e8f0;border-left:6px solid #ff7a00;padding:15px;margin:12px 0;border-radius:12px}.booking h3{margin:0 0 8px}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff1df;color:#9a4b00;font-weight:800}.status.accepted{background:#e7f0ff;color:#174ea6}.status.on_the_way{background:#e8f8ff;color:#00758f}.status.completed{background:#e9fff0;color:#18753b}.booking small{color:#667085}footer{text-align:center;background:#101828;color:#ddd;padding:24px}@media(max-width:700px){header{padding:9px 4%}header p{display:none}.hero{padding:35px 6%;grid-template-columns:1fr}.hero h2{font-size:29px}.truck{text-align:center;font-size:75px}form{grid-template-columns:1fr}.full{grid-column:auto}.card{margin:22px 4%;padding:18px}}