.kiosk-content{width:100%;max-width:450px;margin:0 auto}.clock-display{font-family:Consolas,Monaco,monospace;font-size:3.5rem;font-weight:800;color:#00bda7;letter-spacing:-2px;line-height:1;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.date-display{font-size:.9rem;letter-spacing:1px;opacity:.8}.input-kiosk{font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:15px;border:2px solid #e0e0e0;border-radius:12px;background-color:#f8f9fa;transition:all .3s ease}.input-kiosk:focus{border-color:#00bda7;box-shadow:0 0 0 5px #00bda726;background-color:#fff}.input-kiosk::placeholder{font-size:1rem;font-weight:400;letter-spacing:normal;opacity:.5}.btn-kiosk{background-color:#00bda7;border-color:#00bda7;font-size:1.1rem;border-radius:12px;text-transform:uppercase;letter-spacing:1px;transition:transform .2s}.btn-kiosk:hover{background-color:#016554;border-color:#016554;transform:scale(1.02)}.btn-kiosk:active{transform:scale(.98)}@media(max-width:767.98px){.kiosk-content{padding-left:15px;padding-right:15px}.clock-display{font-size:2.5rem;margin-bottom:10px}.date-display{font-size:.8rem}.input-kiosk{font-size:1.2rem;padding:12px;letter-spacing:1px}.input-kiosk::placeholder{font-size:.9rem}.btn-kiosk{font-size:1rem;padding:12px}}@media(max-width:767.98px)and (max-width:380px){.clock-display{font-size:2rem}}