*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Courier New',monospace;background:#0a0a0a;color:#e0e0e0;line-height:1.6;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.container{max-width:1400px;margin:0 auto;padding:20px}
header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:30px;border:4px solid #fbbf24;margin-bottom:30px;box-shadow:0 0 30px rgba(251,191,36,.3),inset 0 0 20px rgba(251,191,36,.1);position:relative}
header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(251,191,36,.03) 2px,rgba(251,191,36,.03) 4px);pointer-events:none}
.pixel-logo{text-align:center;margin-bottom:20px}
.pixel-logo h1{color:#fbbf24;font-size:3em;text-shadow:0 0 10px #fbbf24,0 0 20px #fbbf24,0 0 30px #f59e0b,2px 2px 0 #1a1a1a;letter-spacing:3px;font-weight:900}
.tagline{color:#f59e0b;font-size:1.2em;text-transform:uppercase;letter-spacing:2px}
nav{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
nav a{color:#fbbf24;text-decoration:none;padding:10px 20px;background:#1a1a1a;border:3px solid #fbbf24;font-weight:700;transition:all .2s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px rgba(251,191,36,.3)}
nav a:hover{background:#fbbf24;color:#1a1a1a;box-shadow:0 0 20px rgba(251,191,36,.6);transform:translateY(-2px)}
.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}
.stat-pixel{background:#1a1a1a;padding:25px;border:3px solid #fbbf24;text-align:center;box-shadow:0 0 15px rgba(251,191,36,.2),inset 0 0 10px rgba(0,0,0,.5)}
.stat-num{font-size:2.5em;font-weight:900;color:#fbbf24;text-shadow:0 0 10px #fbbf24;font-family:'Courier New',monospace}
.stat-label{color:#f59e0b;text-transform:uppercase;font-size:.9em;margin-top:5px;letter-spacing:1px}
.box,.info-box{background:#1a1a1a;padding:30px;border:3px solid #fbbf24;margin-bottom:30px;box-shadow:0 0 20px rgba(251,191,36,.2),inset 0 0 15px rgba(0,0,0,.5);position:relative}
.box::before,.info-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(251,191,36,.02) 2px,rgba(251,191,36,.02) 4px);pointer-events:none}
.box h2,.info-box h2{color:#fbbf24;margin-bottom:20px;font-size:1.8em;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #fbbf24}
.info-box{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#f59e0b}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}
.step-item{text-align:center;padding:20px;background:#0a0a0a;border:2px solid #fbbf24}
.step-num{display:block;width:50px;height:50px;background:#fbbf24;color:#1a1a1a;font-size:1.8em;font-weight:900;line-height:50px;margin:0 auto 10px;border:3px solid #f59e0b;box-shadow:0 0 15px rgba(251,191,36,.5)}
.step-item strong{color:#fbbf24;display:block;margin-bottom:10px;text-transform:uppercase}
.step-item p{color:#9ca3af;font-size:.9em}
.btn-buy-big{display:block;background:#fbbf24;color:#1a1a1a;padding:20px 40px;border:4px solid #f59e0b;font-size:1.5em;font-weight:900;text-align:center;text-decoration:none;margin:30px auto 0;max-width:400px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 30px rgba(251,191,36,.5);transition:all .2s}
.btn-buy-big:hover{background:#f59e0b;box-shadow:0 0 40px rgba(251,191,36,.8);transform:scale(1.05)}
.canvas-wrapper{background:#1a1a1a;padding:30px;border:3px solid #fbbf24;margin-bottom:30px;text-align:center}
.canvas-wrapper h2{color:#fbbf24;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}
.canvas-info{color:#f59e0b;margin-bottom:20px}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
input[type="text"],input[type="email"],input[type="url"],input[type="number"],input[type="file"],input[type="password"],textarea,select{width:100%;padding:12px;background:#0a0a0a;border:3px solid #fbbf24;color:#e0e0e0;font-size:1em;font-family:'Courier New',monospace;transition:all .2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 15px rgba(251,191,36,.3);background:#1a1a1a}
textarea{resize:vertical}
button,.btn-small,.btn-del,.btn-paypal{background:#fbbf24;color:#1a1a1a;padding:12px 24px;border:3px solid #f59e0b;cursor:pointer;font-size:1em;font-weight:900;transition:all .2s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px rgba(251,191,36,.3);font-family:'Courier New',monospace}
button:hover,.btn-paypal:hover{background:#f59e0b;box-shadow:0 0 25px rgba(251,191,36,.6);transform:translateY(-2px)}
.btn-small{padding:6px 12px;font-size:.9em;margin-right:5px}
.btn-del{background:#dc2626;border-color:#991b1b;color:#fff}
.btn-del:hover{background:#991b1b}
.btn-paypal{padding:15px 30px;font-size:1.2em}
.order-summary,.order-final{background:#0a0a0a;padding:20px;border:2px solid #fbbf24;margin-bottom:20px;font-size:1.1em}
.price-calc{background:#0a0a0a;padding:15px;border:2px solid #f59e0b;margin-bottom:20px}
.price-big{font-size:2em;color:#fbbf24;font-weight:900;text-shadow:0 0 10px #fbbf24;margin:20px 0}
.payment-note{color:#9ca3af;font-size:.9em;margin-top:15px}
.hint{color:#9ca3af;font-size:.85em;margin-top:5px}
.error{background:#450a0a;border:3px solid #dc2626;color:#fca5a5;padding:15px;margin-bottom:20px;font-weight:700}
.success{background:#14532d;border:3px solid #22c55e;color:#86efac;padding:15px;margin-bottom:20px;font-weight:700}
.alert-box{background:#422006;border:3px solid #f59e0b;color:#fbbf24;padding:15px;margin-bottom:20px;font-weight:700;text-transform:uppercase}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}
.stat-card{background:#1a1a1a;padding:30px;border:3px solid #fbbf24;text-align:center;box-shadow:0 0 20px rgba(251,191,36,.2)}
.stat-big{font-size:3em;font-weight:900;color:#fbbf24;text-shadow:0 0 15px #fbbf24;margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin-top:20px}
table th{background:#fbbf24;color:#1a1a1a;padding:15px;text-align:left;font-weight:900;text-transform:uppercase;letter-spacing:1px;border:2px solid #f59e0b}
table td{padding:15px;border:2px solid #333;background:#0a0a0a;color:#e0e0e0}
table tr:hover td{background:#1a1a1a}
table a{color:#fbbf24;text-decoration:none}
table a:hover{text-decoration:underline}
.rank-badge{background:#fbbf24;color:#1a1a1a;padding:4px 10px;font-weight:900;border:2px solid #f59e0b;display:inline-block}
.badge-on,.badge-pending,.badge-off{padding:4px 12px;font-size:.85em;font-weight:700;text-transform:uppercase;border:2px solid;display:inline-block}
.badge-on{background:#14532d;color:#86efac;border-color:#22c55e}
.badge-pending{background:#422006;color:#fbbf24;border-color:#f59e0b}
.badge-off{background:#450a0a;color:#fca5a5;border-color:#dc2626}
footer{background:#1a1a1a;padding:30px;border:3px solid #fbbf24;text-align:center;color:#f59e0b;margin-top:50px;box-shadow:0 0 20px rgba(251,191,36,.2)}
footer p{margin:5px 0;text-transform:uppercase;letter-spacing:1px}
@media(max-width:768px){
.pixel-logo h1{font-size:2em}
.stats-bar,.form-row{grid-template-columns:1fr}
.pixel-canvas{transform:scale(0.5);transform-origin:top left}
}