:root{--bg: #000000;--accent: #00C800;--accent-muted: rgba(0, 200, 0, .1);--text: #ffffff;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(to bottom,#000c,#000000e6),url(/bg.png);background-size:cover;background-position:center;background-attachment:fixed}main{width:calc(100% - 2rem);max-width:480px;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--glass);border:2px solid var(--accent);border-radius:40px;backdrop-filter:blur(25px);margin:1rem;box-shadow:0 0 60px #00c80026;position:relative}@media(max-width:380px){main{width:calc(100% - 1rem);padding:1rem 1.25rem 1.25rem;margin:.5rem;border-radius:28px;gap:1.25rem}.logo-text{font-size:2rem}.wifi-icon{width:32px;height:32px}.plan-row{padding:.8rem 1rem;gap:.5rem}.plan-info h3,.plan-price{font-size:1rem}.btn-buy{padding:.6rem 0;font-size:.85rem}}.brand-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:0}.logo-container{display:flex;align-items:center;gap:.4rem}.wifi-icon{color:var(--accent);width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(0,200,0,.5))}.logo-text{font-size:2.5rem;font-weight:800;letter-spacing:-1.5px}.section-title{font-size:.8rem;font-weight:800;margin-bottom:1rem;letter-spacing:2.5px;color:#fff;opacity:.8;text-align:center}.voucher-section{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border)}input{background:#ffffff0d;border:1px solid var(--accent);padding:1.2rem;border-radius:18px;color:var(--text);font-family:inherit;font-size:1.1rem;width:100%;outline:none;transition:all .3s ease;text-align:center;letter-spacing:1px}input::placeholder{color:#fffc;font-weight:400}input:focus{background:#ffffff1a;box-shadow:0 0 20px #00c8004d}.btn-connect{background:var(--accent);color:#000;border:none;padding:1.2rem;border-radius:18px;font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #00c8004d;text-transform:uppercase;letter-spacing:1.5px;width:100%}.btn-connect:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00c80080}.packages-section{display:flex;flex-direction:column;gap:1rem}.plan-row{background:#ffffff08;border:1px solid var(--glass-border);padding:1.2rem 1.5rem;border-radius:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;transition:all .3s ease;width:100%}.plan-row:hover{border-color:var(--accent);background:var(--accent-muted);transform:scale(1.02)}.plan-info{text-align:left}.plan-info h3{font-size:1.1rem;font-weight:700;margin-bottom:2px}.plan-info p{font-size:.82rem;color:var(--accent);font-weight:500;opacity:.95}.plan-price{text-align:center;font-size:1.1rem;font-weight:800;color:var(--accent)}.btn-buy{justify-self:end;width:100%;background:var(--accent);color:#000;border:none;padding:.8rem 0;border-radius:14px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .3s ease;max-width:85px;text-align:center}#paymentModal{display:none;position:fixed;inset:0;width:100%;height:100vh;background:#000000e6;backdrop-filter:blur(20px);z-index:9999;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:#0a0a0a;border:2px solid var(--accent);padding:3rem 2rem;border-radius:40px;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;gap:1.8rem;box-shadow:0 0 80px #00c80033}.modal-header h2{font-size:1.6rem;font-weight:800}.modal-header p{font-size:1rem;opacity:.7;margin-top:.6rem}.btn-cancel{background:transparent;color:#fff;opacity:.6;border:none;font-size:.95rem;cursor:pointer;text-decoration:underline;margin-top:.5rem}.btn-cancel:hover{opacity:1;color:#ff453a}footer{padding-top:1rem;font-size:.8rem;opacity:.7;text-align:center}.success-banner{background:#00c80014;border:2px solid var(--accent);padding:1.5rem;border-radius:24px;text-align:center;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 0 30px #00c80026;margin-bottom:1.5rem;animation:pulseGlow 2s infinite alternate}.success-code{font-size:1.4rem;color:var(--accent);letter-spacing:2px;font-weight:800}.status{padding:1rem;border-radius:16px;font-size:.95rem;text-align:center;font-weight:600;display:block;margin-top:1rem}.status.hidden{display:none}.status.error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#ff453a}.status.success{background:#00c8001a;border:1px solid rgba(0,200,0,.3);color:var(--accent)}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00c8001a}to{box-shadow:0 0 35px #00c80040}}@media(max-width:600px){main{padding:2.5rem 1.5rem;margin:1rem}}