body{background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}body{color:#2e2622;background:radial-gradient(circle at 10% 10%,#f8f1e8,#0000 40%),radial-gradient(circle at 90% 90%,#efe3d5,#0000 40%),#014776;margin:0;font-family:Inter,sans-serif}.container{max-width:1200px;margin:auto;padding:50px 20px}.title{text-align:center;color:#3b2f2a;margin-bottom:25px;font-size:36px;font-weight:600}.hero-panel{text-align:center;background:linear-gradient(135deg,#e18585,#ecede2);border-radius:26px;width:92%;max-width:1150px;margin:0 auto 45px;padding:42px 52px;box-shadow:0 18px 45px #0000001f}.filter-bar{justify-content:center;gap:18px;margin-bottom:22px;display:flex}.input-group{width:320px}.input-group input,.input-group select{background:#f7f8e1;border:none;border-radius:40px;outline:none;width:100%;padding:14px 18px;font-size:14px;transition:all .25s;box-shadow:0 6px 16px #0000001f}.input-group input:focus,.input-group select:focus{transform:translateY(-2px);box-shadow:0 0 0 3px #c4414133}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;display:grid}.card{background:#e9e7f8;border-radius:22px;padding:26px;transition:all .35s;position:relative;box-shadow:0 12px 30px #0000001f}.card:before{content:"";background:linear-gradient(90deg,#b45353,#7a2e2e);border-radius:22px 22px 0 0;width:100%;height:6px;position:absolute;top:0;left:0}.card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 22px 50px #0000002e}.card-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.badge{border-radius:40px;padding:7px 18px;font-size:12px;font-weight:600}.badge.available{color:#2f7a4c;background:#e9f7ef}.badge.unavailable{color:#a33a3a;background:#fdeeee}.request-btn{border:none;border-radius:18px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .25s}.request-btn.red{color:#fff;background:linear-gradient(135deg,#c24141,#7a2e2e)}.request-btn.red:hover{transform:scale(1.06)}.request-btn.green{color:#fff;background:linear-gradient(135deg,#3f7a5c,#285943)}.loader{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:6px solid #e6d9c9;border-top-color:#b45353;border-radius:50%;width:50px;height:50px;margin-bottom:12px;animation:1s linear infinite spin}@media (width<=768px){.container{padding:30px 14px}.hero-panel{flex-direction:column;align-items:center;width:100%;padding:26px 18px;display:flex}.title{font-size:26px}.filter-bar{flex-direction:column;align-items:center;gap:14px}.input-group{width:100%;max-width:320px}.card-grid{grid-template-columns:1fr;gap:18px}.card{padding:20px}.request-btn{padding:10px 14px;font-size:12px}}