:root{--bg-color:#f4f4f4;--text-color:#000000;--border-color:#a9a9a9;--btn-green:#009933;--btn-green-hover:#007a29}body{background-color:var(--bg-color);font-family:Arial,sans-serif;margin:0}.redeem-wrapper{max-width:800px;margin:40px auto;padding:0 20px}.page-title{font-size:2rem;font-weight:bold;margin-bottom:20px}.instruction-text{font-size:1.1rem;margin-bottom:10px}.banner-container{width:190%;margin-left:-10%;max-width:1000px;margin-bottom:30px;border:1px solid var(--border-color);background-color:#fff;display:flex;justify-content:center;overflow:hidden;border-radius:0}.redeem-banner{width:100%;height:auto;display:block;object-fit:cover}.redeem-section{display:flex;flex-direction:column;gap:10px}.redeem-section label{font-size:1.1rem}.input-group{display:flex;gap:10px;align-items:center}#promo-code{padding:8px 10px;border:1px solid var(--border-color);width:250px;font-size:1rem;outline:none}.modal-btn{padding:8px 15px;font-size:14px;font-weight:bold;border:1px solid #333;border-radius:4px;cursor:pointer;color:white;text-shadow:1px 1px 1px rgba(0,0,0,.3);transition:filter .2s}.modal-btn-green{background:linear-gradient(to bottom,#00cc44,#008822)}.modal-btn:hover{filter:brightness(1.1)}.modal-btn:disabled{background:#888;cursor:not-allowed;filter:grayscale(1)}#status-msg{margin-top:10px;font-weight:bold}