*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#0a0a0a;--red:#DC2626;--white:#ffffff;--gray:#666666;--dark:#1a1a1a;}
html,body{font-family:'Courier New',monospace;background:var(--bg);color:var(--white);min-height:100vh;font-size:14px;line-height:1.5;}
body{display:flex;flex-direction:column;}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;max-width:480px;margin:0 auto;width:100%;}
.header{text-align:center;margin-bottom:40px;}
.logo{color:var(--red);font-size:24px;font-weight:bold;letter-spacing:2px;}
.tagline{color:var(--gray);font-size:12px;margin-top:8px;}
.progress{display:flex;justify-content:center;gap:8px;margin-bottom:32px;}
.progress-dot{width:8px;height:8px;border-radius:50%;background:#333;}
.progress-dot.active{background:var(--red);}
.section{width:100%;margin-bottom:24px;}
.section-title{color:var(--red);font-size:12px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
.options{display:flex;gap:12px;width:100%;}
.option{flex:1;background:var(--dark);border:1px solid #333;padding:16px;cursor:pointer;transition:border-color .2s;border-radius:4px;}
.option:hover{border-color:var(--gray);}
.option.selected{border-color:var(--red);}
.option-label{font-size:14px;font-weight:bold;margin-bottom:4px;}
.option-price{color:var(--red);font-size:18px;font-weight:bold;}
.option-icon{font-size:20px;margin-bottom:4px;}
.option-name{font-size:13px;}
.btn{width:100%;padding:16px 24px;font-family:'Courier New',monospace;font-size:14px;font-weight:bold;cursor:pointer;border:none;transition:opacity .2s;border-radius:4px;text-decoration:none;display:inline-block;text-align:center;}
.btn:hover{opacity:.9;} .btn:disabled{opacity:.5;cursor:not-allowed;}
.btn-primary{background:var(--red);color:var(--white);}
.btn-secondary{background:var(--dark);color:var(--white);border:1px solid #333;}
.payment-box{width:100%;text-align:center;}
.qr-code{background:var(--white);padding:16px;display:inline-block;margin-bottom:20px;border-radius:4px;}
.qr-code img,.config-qr img{display:block;width:180px;height:180px;}
.config-qr{background:var(--white);padding:16px;margin-bottom:24px;border-radius:4px;}
.wallet-row{display:flex;gap:8px;margin-bottom:16px;}
.wallet-address{flex:1;background:var(--dark);border:1px solid #333;padding:12px;font-family:'Courier New',monospace;font-size:11px;color:var(--white);overflow:hidden;text-overflow:ellipsis;border-radius:4px;text-align:left;}
.btn-copy{background:var(--dark);border:1px solid #333;color:var(--white);padding:12px 16px;font-family:'Courier New',monospace;font-size:12px;cursor:pointer;border-radius:4px;}
.btn-copy:hover{border-color:var(--gray);}
.amount{color:var(--gray);font-size:12px;margin-bottom:20px;}
.amount span{color:var(--red);font-weight:bold;}
.input-field{width:100%;background:var(--dark);border:1px solid #333;padding:14px;font-family:'Courier New',monospace;font-size:13px;color:var(--white);margin-bottom:16px;border-radius:4px;}
.input-field:focus{outline:none;border-color:var(--red);}
.input-field::placeholder{color:var(--gray);}
.done-box{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;}
.app-links{margin-top:20px;} .app-links-title{color:var(--gray);font-size:12px;margin-bottom:12px;}
.app-links a{color:var(--red);text-decoration:none;margin:0 12px;font-size:13px;}
.app-links a:hover{text-decoration:underline;}
footer{text-align:center;padding:20px;color:var(--gray);font-size:11px;border-top:1px solid #1a1a1a;}
.footer-terms a{color:var(--gray);text-decoration:underline;}
.footer-terms a:hover{color:var(--white);}
.terms-content{width:100%;text-align:left;}
.terms-title{color:var(--red);font-size:16px;margin-bottom:24px;letter-spacing:1px;}
.terms-list{padding-left:20px;} .terms-list li{margin-bottom:12px;color:#ccc;font-size:13px;}
.status{width:100%;padding:12px;font-size:12px;margin-bottom:16px;border-radius:4px;text-align:center;}
.status-error{background:rgba(220,38,38,.1);border:1px solid var(--red);color:var(--red);}
.status-success{background:rgba(34,197,94,.1);border:1px solid #22c55e;color:#22c55e;}
.hidden{display:none!important;}
.expiry{color:var(--gray);font-size:11px;margin-top:16px;}
.expiry span{color:var(--white);}
.test-mode-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f59e0b,#d97706);color:#000;text-align:center;padding:10px 20px;font-weight:bold;font-size:14px;z-index:9999;letter-spacing:1px;text-transform:uppercase;}
body:has(.test-mode-banner) main{padding-top:60px;}
.plan-badge{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:bold;margin-bottom:20px;display:inline-block;letter-spacing:1px;}
.plan-badge.free-trial{background:rgba(34,197,94,.15);border:1px solid #22c55e;color:#22c55e;}
