body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.hero-banner{background-image:url(/heroo-banner.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:50vh}@media (max-width:768px){.hero-banner{height:40vh}}#plate-modal{z-index:1000;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#plate-modal-content{background:#fff;border-radius:20px;width:40%;max-width:320px;padding:35px;font-family:Segoe UI,sans-serif;animation:.3s ease-out pop;box-shadow:0 8px 25px #00000040}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}#plate-modal-content h2{color:#222;margin-bottom:25px;font-size:1.6rem;font-weight:500}#plate-input,#payment-option{box-sizing:border-box;background:#fafafa;border:2px solid #ddd;border-radius:12px;outline:none;width:100%;padding:14px;font-size:1.1rem;transition:all .3s}#plate-input:focus,#payment-option:focus{background:#fff;border-color:#ff8f00;box-shadow:0 0 6px #ff8c0066}.modal-label{text-align:left;color:#444;width:100%;margin-top:15px;margin-bottom:10px;font-size:1rem;font-weight:600;display:block}#submit-plate{color:#fff;cursor:pointer;background-color:#ff9800;border:none;border-radius:10px;margin-top:15px;padding:15px 60px;font-size:1rem;transition:all .25s}#submit-plate:hover{background-color:#f57c00}.usp{color:#bf360c;background-color:#fff3e0;border-radius:10px;margin:20px;padding:20px;font-size:1.3rem;font-weight:700;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.custom-select{width:100%;margin-top:5px;position:relative}.selected{cursor:pointer;text-align:left;background:#fafafa;border:2px solid #ddd;border-radius:12px;padding:14px 40px 14px 14px;font-size:1.1rem;transition:box-shadow .2s,border-color .2s;display:flex}.selected:after{content:"▾";color:#888;pointer-events:none;font-size:1.1rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.options{text-align:left;z-index:2000;background:#fff;border-radius:12px;width:100%;animation:.2s ease-out dropdown;position:absolute;top:110%;left:0;overflow:hidden;box-shadow:0 8px 20px #00000026}.options div{cursor:pointer;border-bottom:1px solid #eee;padding:14px;font-size:1.05rem}.options div:hover{background:#fff3e0}.options div:last-child{border-bottom:none}.selected.active{border-color:#ff9800;box-shadow:0 0 0 3px #ff980059}
