:root{--neon: #00FF41;--neon-dim: #00cc33;--neon-glow: rgba(0, 255, 65, .15);--neon-glow-strong: rgba(0, 255, 65, .3);--bg: #060606;--surface: #111111;--surface-hover: #1a1a1a;--card: rgba(14, 14, 14, .9);--text: #ffffff;--text-secondary: #a0a0a0;--text-muted: #555555;--border: #1e1e1e;--border-light: #2a2a2a;--orange: #ff9500;--blue: #00c4ff;--red: #ff3b30;--tng-blue: #005EB8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:80px;position:relative;overflow-x:hidden}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--neon);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.bg-effects{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite ease-in-out}.bg-orb--1{width:300px;height:300px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(0,255,65,.15),transparent 70%);animation-delay:0s}.bg-orb--2{width:250px;height:250px;bottom:30%;left:-80px;background:radial-gradient(circle,rgba(0,196,255,.08),transparent 70%);animation-delay:-7s}.bg-orb--3{width:200px;height:200px;top:50%;right:-60px;background:radial-gradient(circle,rgba(0,255,65,.06),transparent 70%);animation-delay:-14s}@keyframes float{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-30px) scale(1.05)}66%{transform:translateY(20px) scale(.95)}}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.container{max-width:600px;margin:0 auto;padding:0 1rem;position:relative}.neon-text{color:var(--neon);text-shadow:0 0 20px var(--neon-glow)}.glass{background:var(--card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent)}.badge{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:100px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge--paid{background:var(--neon);color:#000;box-shadow:0 0 8px var(--neon-glow)}.badge--pending{background:var(--orange);color:#000}.badge--waitlist{background:var(--blue);color:#000}.badge--rejected{background:var(--red);color:#fff}.badge--overdue{background:#ff5722;color:#fff;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.8rem;border:none;border-radius:14px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .25s;text-transform:uppercase}.btn--primary{background:linear-gradient(135deg,var(--neon),var(--neon-dim));color:#000;box-shadow:0 4px 24px var(--neon-glow),0 0 0 1px #00ff411a}.btn--primary:hover{box-shadow:0 8px 40px var(--neon-glow-strong);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn--tng,.btn--mae{background:linear-gradient(135deg,#ffc107,#f9a825);color:#000;width:100%;font-weight:800}.btn--tng:hover,.btn--mae:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffc1074d}.btn--outline{background:transparent;color:var(--neon);border:1.5px solid rgba(0,255,65,.3)}.btn--outline:hover{background:#00ff411a;border-color:var(--neon)}.btn--wa{background:linear-gradient(135deg,#25d366,#20bd5a);color:#fff}.btn--wa:hover{transform:translateY(-1px);box-shadow:0 4px 16px #25d3664d}.btn--ghost{background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{background:#ffffff14;color:var(--text);border-color:var(--border-light)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.form-input,.form-select{padding:.85rem 1rem;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;color:var(--text);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-glow);background:#00ff4105}.form-input::placeholder{color:var(--text-muted)}.alert{padding:1rem 1.2rem;border-radius:14px;font-size:.82rem;font-weight:500;line-height:1.5}.alert--success{background:#00ff4114;border:1px solid rgba(0,255,65,.2);color:var(--neon)}.alert--warning{background:#ff950014;border:1px solid rgba(255,149,0,.2);color:var(--orange)}.alert--error{background:#ff3b3014;border:1px solid rgba(255,59,48,.2);color:var(--red)}.alert--info{background:#00c4ff14;border:1px solid rgba(0,196,255,.2);color:var(--blue)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;justify-content:space-around;align-items:center;background:#060606f2;backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:.4rem 0;padding-bottom:max(.4rem,env(safe-area-inset-bottom))}.bottom-nav:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.15),transparent)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .4rem;color:var(--text-muted);font-size:.5rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;position:relative;min-width:0}.nav-item svg{width:18px;height:18px}.nav-item.active{color:var(--neon)}.nav-item.active:after{content:"";position:absolute;top:-.4rem;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--neon);border-radius:1px;box-shadow:0 0 8px var(--neon-glow)}.nav-item:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:300;background:#000c;backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{width:100%;max-width:480px;padding:2rem 1.5rem;background:var(--card);border:1px solid var(--border);border-radius:24px 24px 0 0;position:relative;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.modal-glow{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:200px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,65,.15),transparent);pointer-events:none}.modal-close{position:absolute;top:1rem;right:1.2rem;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:10px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:var(--text);background:#ffffff1a}.modal-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem}.step-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border);transition:all .3s}.step-dot.active{background:var(--neon);color:#000;border-color:var(--neon);box-shadow:0 0 16px var(--neon-glow)}.step-dot.done{background:#00ff4133;color:var(--neon);border-color:#00ff414d}.step-line{width:36px;height:2px;background:var(--border)}.modal-title{font-size:1.3rem;margin-bottom:1rem;text-align:center}.modal-sub{font-size:.88rem;color:var(--text-secondary);text-align:center;margin-bottom:1rem}.modal-page{display:none;flex-direction:column;gap:1rem}.modal-page.active{display:flex}.qr-img{border-radius:16px;border:1px solid var(--border)}.done-icon{font-size:3.5rem;text-align:center;margin-bottom:.5rem}.page-header{padding:1.2rem 0 1rem;border-bottom:1px solid var(--border);position:relative}.page-header:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.15),transparent)}.page-title{font-size:1.4rem;letter-spacing:.04em}.page-sub{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.site-footer{text-align:center;padding:1.5rem 1rem 5rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.footer-socials{display:flex;justify-content:center;gap:.8rem;margin-bottom:.6rem}.footer-socials a{color:var(--text-muted);transition:color .2s}.footer-socials a:hover{color:var(--neon)}.ssm-text{margin-top:.25rem;font-size:.62rem;opacity:.5}.receipt-upload{margin-top:.8rem}.upload-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.upload-area{display:block;border:2px dashed var(--border);border-radius:14px;padding:1.2rem;cursor:pointer;transition:all .2s;text-align:center;background:#ffffff05}.upload-area:hover,.upload-area.has-file{border-color:var(--neon);background:#00ff4108}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.82rem}.upload-preview{width:100%;max-height:200px;object-fit:contain;border-radius:10px}.upload-hint{font-size:.68rem;color:var(--text-muted);margin-top:.3rem;font-style:italic}.receipt{background:#00ff410a;border:1px dashed rgba(0,255,65,.2);border-radius:14px;padding:1rem;margin-bottom:1rem}.receipt-header{font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;color:var(--neon);letter-spacing:.15em;text-align:center;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.receipt-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.82rem}.receipt-row span:first-child{color:var(--text-muted);font-weight:500}.receipt-row span:last-child{color:var(--text);font-weight:600;text-align:right}.receipt-note{font-size:.68rem;color:var(--text-muted);text-align:center;margin-top:.8rem;font-style:italic}.status-card{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:1rem;margin-bottom:.6rem}.status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-card-name{font-weight:700;font-size:.9rem}.status-card-details{font-size:.78rem;color:var(--text-muted);line-height:1.6}.status-card-details strong{color:var(--text-secondary)}@media(min-width:641px){.modal-overlay{align-items:center;padding:1rem}.modal{border-radius:24px}@keyframes slideUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}}