body { font-family: Arial, sans-serif; background: #2a3a4a; min-height: 100vh; padding: 40px 20px; }
.parking-meter { max-width: 480px; margin: 0 auto; background: #e0e0e0; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.meter-top { background: #004d99; color: #fff; padding: 16px; text-align: center; }
.brand { font-size: 28px; font-weight: bold; }
.zone { font-size: 14px; opacity: 0.9; }
.meter-body { background: #fff; padding: 24px; text-align: center; }
.meter-body h1 { font-size: 22px; margin-bottom: 10px; }
.qr-box { position: relative; margin: 20px auto; display: inline-block; padding: 14px; background: #fff; border: 3px solid #004d99; }
.sticker { position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%) rotate(-3deg); background: #ffeb3b; padding: 4px 10px; font-size: 11px; font-weight: bold; border: 1px dashed #000; }
.small { font-size: 13px; color: #666; margin-top: 24px; }
.small code { background: #f3f3f3; padding: 2px 6px; border-radius: 3px; }
.btn { background: #004d99; color: #fff; border: none; padding: 12px 24px; font-size: 14px; border-radius: 4px; cursor: pointer; margin-top: 16px; }