html, body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; }
.jumbotron > h2, .jumbotron > h3, .jumbotron > .amount-text, .jumbotron > .description, .jumbotron > .merchant, .tName { display: none !important; }
.jumbotron::before { content: ""; display: block; background: #00BCD4 url("/gateway/customised/32033/live/Logo.png") no-repeat center; background-size: 350px auto; height: 120px; margin-bottom: 25px; border-radius: 0; width: 100vw; margin-left: calc(-50vw + 50%); position: relative; }
.jumbotron { background: #fff; color: #333; margin-top: 0; padding-top: 20px; text-align: center; }
.form-control { margin: 10px 0; border-radius: 12px; border: 2px solid #e1f5fe; }
.form-control:focus { border-color: #00BCD4; box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.15); }
.container .jumbotron { border: none; padding: 20px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 188, 212, 0.1); }
.jumbotron p { padding-left: 20px; font-size: 1em; color: #333; }
.panel-default > .panel-heading { background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%); color: #fff; border-radius: 12px 12px 0 0; }
.panel-title { font-size: 20px; font-weight: 500; letter-spacing: 0.3px; }
.btn-success { background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%); border: none; color: white; padding: 12px 24px; border-radius: 12px; font-weight: 500; margin: 0 5px; letter-spacing: 0.5px; transition: all 0.3s ease; text-transform: none; }
.btn-success:hover { background: linear-gradient(135deg, #0097A7 0%, #00838F 100%); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0, 188, 212, 0.3); }
.btn-danger { background: linear-gradient(135deg, #607D8B 0%, #455A64 100%); border: none; color: white; padding: 12px 24px; border-radius: 12px; font-weight: 500; margin: 0 5px; letter-spacing: 0.5px; transition: all 0.3s ease; text-transform: none; }
.btn-danger:hover { background: linear-gradient(135deg, #455A64 0%, #37474F 100%); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(96, 125, 139, 0.3); }
a { color: #00BCD4; font-weight: 500; }
a:hover, a:focus { color: #0097A7; text-decoration: underline; }
div[style*="background-color: rgb(0, 114, 81)"], div[style*="background-color:#007251"], div[style*="background: rgb(0, 114, 81)"], *[style*="background-color: rgb(0, 114, 81)"] { background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%) !important; color: #ffffff !important; font-weight: 500 !important; padding: 20px !important; border-radius: 12px !important; }
label { color: #37474F; font-weight: 500; text-align: left; letter-spacing: 0.2px; font-size: 15px; }