*{box-sizing:border-box} body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f7f7f7;color:#222}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 7%;background:#111;color:#fff;position:sticky;top:0}.nav a{color:#fff;text-decoration:none;margin-left:16px}.brand{font-weight:800;font-size:22px;margin-left:0!important}.container{max-width:1100px;margin:30px auto;padding:0 18px}.hero{background:linear-gradient(135deg,#111,#444);color:white;border-radius:24px;padding:50px}.hero h1{font-size:42px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:white;border-radius:18px;padding:20px;box-shadow:0 6px 22px rgba(0,0,0,.08);margin-bottom:18px}.btn,button{display:inline-block;background:#ff6b00;color:#fff!important;border:0;border-radius:12px;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#111}.btn.small{padding:8px 12px}input,select,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;margin:7px 0 14px;background:white}label{font-weight:700}.table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.badge{padding:6px 10px;border-radius:999px;background:#eee;font-size:12px}.img{width:100%;height:170px;object-fit:cover;border-radius:14px;background:#eee}.row{display:flex;gap:10px;flex-wrap:wrap}.alert{padding:12px;border-radius:12px;background:#fff3cd;margin-bottom:15px}.success{background:#d1e7dd}.footer{text-align:center;padding:30px;color:#777}.price{font-size:20px;font-weight:800;color:#ff6b00}@media(max-width:600px){.hero h1{font-size:30px}.nav{padding:14px}.nav a{margin-left:8px}.table{font-size:13px}}