*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{background:#080808;color:#fff;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;-webkit-appearance:none}a{color:inherit}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:18px;--r-full:9999px;--lemon:#beff00;--green:#003e31;--black:#080808;--card:#0c0c0c;--border:#1a1a1a;--muted:#444;--dim:#333;--danger:#e24b4a;--warn:#ef9f27;--nav-h:52px;--page-x:16px}.page{max-width:480px;margin:0 auto;padding:var(--sp-6) var(--page-x) 80px;position:relative;z-index:1}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(8,8,8,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid #111;padding:0 var(--page-x);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.nav-logo{gap:var(--sp-2);text-decoration:none}.nav-logo,.nav-logo-icon{display:flex;align-items:center;flex-shrink:0}.nav-logo-icon{width:28px;height:28px;background:var(--lemon);border-radius:7px;justify-content:center;font-size:10px;color:var(--green)}.nav-logo-icon,.nav-logo-text{font-weight:900;font-family:Arial Black,Arial}.nav-logo-text{font-size:12px;letter-spacing:2px;color:#fff}.eyebrow{font-size:10px;font-weight:700;letter-spacing:4px;color:var(--lemon);text-transform:uppercase;line-height:1}.h1{font-size:clamp(26px,7vw,36px);letter-spacing:-1.5px;line-height:.95}.h1,.h2{font-family:Arial Black,Arial;font-weight:900;color:#fff}.h2{font-size:clamp(20px,5vw,26px);letter-spacing:-1px;line-height:1}.h3{font-family:Arial Black,Arial;font-size:17px;font-weight:900;letter-spacing:-.5px;color:#fff}.label{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--dim);text-transform:uppercase}.body{font-size:14px;color:var(--muted);line-height:1.65}.small{font-size:12px;color:var(--dim);line-height:1.5}.mono{font-family:SF Mono,Fira Code,monospace;letter-spacing:1px}.card{background:var(--card);border:.5px solid var(--border);border-radius:var(--r-lg)}.card,.card-green{padding:var(--sp-4)}.card-green{background:linear-gradient(135deg,#003e31,#001a14);border:.5px solid #054;border-radius:var(--r-lg)}.card+.card{margin-top:var(--sp-3)}.input{width:100%;background:var(--black);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 14px;font-size:15px;color:#fff;outline:none;transition:border-color .18s;line-height:1.4}.input:focus{border-color:var(--lemon)}.input::placeholder{color:var(--dim)}.input-label{display:block;font-size:10px;font-weight:700;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-bottom:7px}.input-wrap{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 20px;border:none;border-radius:var(--r-md);font-family:Arial Black,Arial;font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--lemon);color:var(--black)}.btn-primary:disabled{background:#1a1a1a;color:var(--dim);cursor:not-allowed}.btn-outline{background:transparent;color:var(--lemon);border:.5px solid var(--lemon)}.btn-ghost{background:transparent;color:var(--muted);border:.5px solid var(--border)}.btn-danger{background:#1a0000;color:var(--danger);border:.5px solid var(--danger)}.btn-full{width:100%}.btn-sm{min-height:36px;padding:0 14px;font-size:11px;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-full);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.badge-green{background:#003e31;color:var(--lemon);border:.5px solid #054}.badge-red{background:#1a0000;color:var(--danger);border:.5px solid #300}.badge-amber{background:#1a0e00;color:var(--warn);border:.5px solid #320}.badge-dim{background:#111;color:var(--dim);border:.5px solid var(--border)}.divider{height:.5px;background:var(--border);margin:var(--sp-4) 0}.divider-label{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0}.divider-label:after,.divider-label:before{content:"";flex:1;height:.5px;background:var(--border)}.divider-label span{font-size:10px;color:var(--dim);font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.atm-card{background:linear-gradient(135deg,#003e31,#001a14);border:.5px solid #054;border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-5);position:relative;overflow:hidden}.atm-card:before{top:-30px;right:-30px;width:130px;height:130px;border-radius:50%;border:.5px solid rgba(190,255,0,.07)}.atm-card:after,.atm-card:before{content:"";position:absolute;pointer-events:none}.atm-card:after{top:10px;right:20px;width:80px;height:80px;border-radius:50%;border:.5px solid rgba(190,255,0,.04)}.atm-pts{font-family:Arial Black,Arial;font-size:44px;font-weight:900;color:var(--lemon);letter-spacing:-3px;line-height:1}.atm-stat{text-align:center}.atm-stat-val{font-family:Arial Black,Arial;font-size:18px;font-weight:900;line-height:1}.atm-stat-lbl{font-size:8px;color:var(--lemon);opacity:.45;letter-spacing:2px;text-transform:uppercase;margin-top:3px}.notif-dot{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--lemon);color:var(--black);font-size:9px;font-weight:900;padding:0 4px}.notif-dot,.progress-track{border-radius:var(--r-full)}.progress-track{height:3px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--lemon);border-radius:var(--r-full);transition:width .4s ease}.row-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--card);border:.5px solid var(--border);border-radius:var(--r-md)}.section-header{margin-bottom:var(--sp-5)}.section-header .eyebrow{margin-bottom:var(--sp-2)}.form-section{background:var(--card);border:.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-3)}.form-section-title{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:.5px solid var(--border)}.tab-bar{display:flex;background:var(--card);border:.5px solid var(--border);border-radius:var(--r-md);padding:3px;gap:3px;margin-bottom:var(--sp-5)}.tab-btn{flex:1;padding:10px;border-radius:10px;border:none;font-family:Arial Black,Arial;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--lemon);color:var(--black)}.tab-btn.inactive{background:transparent;color:var(--muted)}.error-box{background:#1a0000;border:.5px solid #300;border-radius:var(--r-sm);color:var(--danger)}.error-box,.success-box{padding:10px 14px;font-size:13px;margin-bottom:var(--sp-4)}.success-box{background:#001a00;border:.5px solid #030;border-radius:var(--r-sm);color:var(--lemon)}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-6)}.empty-state-icon{font-size:32px;margin-bottom:var(--sp-4);opacity:.4}.empty-state-title{font-family:Arial Black,Arial;font-size:16px;font-weight:900;color:var(--muted);margin-bottom:var(--sp-2)}.empty-state-body{font-size:13px;color:var(--dim);line-height:1.6}.wa-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-lg);text-decoration:none;transition:opacity .15s}.wa-card:active{opacity:.8}.wa-icon{width:44px;height:44px;border-radius:12px;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.safe-bottom{height:max(env(safe-area-inset-bottom),16px)}.lb-row{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-4);background:var(--card);border:.5px solid var(--border);border-radius:var(--r-md)}.lb-rank{width:24px;text-align:center;font-size:13px;color:var(--dim)}.lb-pts,.lb-rank{flex-shrink:0;font-family:Arial Black,Arial;font-weight:900}.lb-pts{font-size:18px;color:#fff;text-align:right;min-width:48px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.flex-1{flex:1}.min-w-0{min-width:0}.text-center{text-align:center}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}@media (max-width:480px){.page{padding:var(--sp-5) var(--page-x) 64px}.h1{font-size:28px}.atm-pts{font-size:40px}}@media (min-width:640px){.page{padding:var(--sp-8) var(--sp-6) var(--sp-10)}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-track{display:flex;width:max-content;animation:ticker 30s linear infinite}.ticker-track:hover{animation-play-state:paused}