@import url('fonts.css');
:root{color-scheme:dark;--gold:#ffc83e;--pink:#ff1d98;--muted:#a6a8b6;--stroke:#ffffff17;--panel:#12141ce8;--gradient:linear-gradient(115deg,#ffd039,#ff8736 45%,#fa218d)}*{box-sizing:border-box}body.street-mobile{margin:0;background:#08090e;color:#f7f7fa;font:15px/1.5 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.st-ambient{position:fixed;inset:0;background:linear-gradient(#08090e33,#08090ed9 65%),url('../images/engaja-street/promoter-city-v1.png') center top/cover;z-index:-1}.st-ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 10%,#ff88001c,transparent 55%);animation:ambience 8s ease-in-out infinite alternate}.st-shell{max-width:520px;min-height:100dvh;margin:auto;background:#08090e88;border-inline:1px solid #ffffff08;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.st-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px;min-height:88px}.st-top img{width:170px;height:57px;object-fit:contain}.st-icon{border:1px solid var(--stroke);border-radius:12px;background:#16171b;padding:11px;color:var(--gold)}svg{width:21px;height:21px;vertical-align:middle}.st-main{padding:12px 22px 30px;animation:arrive .35s ease-out}h1{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:8px 0 15px}h2{font-size:21px;line-height:1.3;margin:8px 0 12px}h3{font-size:17px;margin:0 0 8px}p{color:var(--muted);margin:8px 0 18px}.st-kicker{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:800}.st-greeting{display:flex;align-items:center;gap:12px;margin-bottom:22px}.st-avatar{display:grid;place-items:center;background:var(--gradient);color:#111;width:48px;height:48px;border-radius:17px;font-size:23px;font-weight:900}.st-greeting h1{font-size:21px;margin:0}.st-greeting small{color:var(--muted)}.st-active{margin-left:auto;color:#80f5bf;font-size:10px;background:#13492e80;border:1px solid #2c78545c;padding:4px 8px;border-radius:99px}.st-balance{background:linear-gradient(120deg,#fdad24,#e86233 45%,#c91989);border:1px solid #ffb53d88;border-radius:22px;padding:23px;position:relative;overflow:hidden;box-shadow:0 12px 36px #ff6b2315;margin:18px 0}.st-balance:after{content:'';position:absolute;width:160px;height:160px;right:-55px;top:-70px;border:30px solid #ffffff16;border-radius:50%;pointer-events:none}.st-balance strong{font-size:42px;letter-spacing:-2px;display:block;line-height:1.3}.st-balance small{color:#fff}.st-balance a{display:block;background:#170b2466;border:1px solid #ffffff22;border-radius:10px;padding:10px;text-align:center;font-size:12px;font-weight:700;margin-top:16px}.st-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.st-metrics article,.st-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:18px}.st-metrics article{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center}.st-metrics svg{color:var(--gold);grid-row:span 2}.st-metrics b{font-size:20px}.st-metrics small{font-size:10px;color:var(--muted)}.st-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:0;border-radius:13px;background:var(--gradient);color:#160b10;font-weight:850;box-shadow:0 5px 24px #ff792122;margin:16px 0;transition:transform .18s,filter .18s}.st-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}.st-cta:active{transform:scale(.97)}.st-outline{display:block;width:100%;border:1px solid #e5864477;background:#14121b;color:#ffd079;border-radius:12px;padding:12px;text-align:center;margin:12px 0}.st-section{display:flex;align-items:center;justify-content:space-between;margin:25px 0 10px}.st-section a{font-size:11px;color:var(--gold)}.st-campaign{border:1px solid #e4824355;border-radius:20px;background:linear-gradient(130deg,#211b20ed,#101018f5);padding:19px;margin:13px 0;position:relative;overflow:hidden}.st-campaign img{width:100%;height:145px;object-fit:cover;border-radius:12px;margin-bottom:15px}.st-campaign .st-price{font-size:30px;line-height:1.2;font-weight:850;color:var(--gold)}.st-campaign p{font-size:13px}.st-tag{color:#ffd587;font-size:10px;border:1px solid #f6ba4038;border-radius:99px;padding:4px 9px;display:inline-block;margin:0 0 10px}.st-campaign .st-cta{padding:12px;margin-bottom:0}.st-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:flex;justify-content:space-around;padding:13px 6px calc(12px + env(safe-area-inset-bottom));background:#0b0d13f5;border-top:1px solid #ffffff15;backdrop-filter:blur(18px);z-index:20}.st-bottom a{display:grid;justify-items:center;gap:5px;color:#969baa;min-width:55px;font-size:9px}.st-bottom a[aria-current]{color:var(--gold)}.st-bottom a[aria-current] svg{filter:drop-shadow(0 0 7px #ffc63355)}.st-form{display:grid;gap:16px}.st-form label{display:grid;gap:7px;color:#d5d5dd;font-size:12px}.st-form input,.st-form select,.st-form textarea,.st-filter{width:100%;background:#0b1018e8;color:white;border:1px solid #ffffff30;border-radius:10px;padding:13px;min-height:47px}.st-form .st-check{display:flex;align-items:flex-start;gap:10px}.st-check input{width:18px;min-height:18px;accent-color:#ff9d32}.st-auth-logo{display:block;width:100%;max-width:320px;margin:15px auto 30px}.st-auth-intro{padding-top:15px;min-height:180px}.st-auth-intro h1{font-size:37px;max-width:310px}.st-auth-intro em{font-style:normal;color:var(--gold)}.st-alert{padding:14px;border:1px solid #ecad4e77;background:#4d301d80;border-radius:12px;margin:15px 0;font-size:13px}.st-center{text-align:center}.st-wait{margin:30px auto;color:var(--gold);width:68px;height:68px;animation:ambience 3s infinite alternate}.st-qr{background:white;padding:18px;border-radius:20px;border:3px solid #ffb733;box-shadow:0 0 35px #ff8e262b;margin:24px auto;max-width:340px}.st-qr canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.st-actions{display:flex;gap:9px;margin:20px 0}.st-actions button{flex:1;display:grid;gap:8px;justify-items:center;background:#141923;border:1px solid var(--stroke);border-radius:12px;color:white;padding:15px 5px;font-size:11px}.st-list{display:grid;gap:9px}.st-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;background:#131821df;border:1px solid var(--stroke);border-radius:13px}.st-row small{display:block;color:var(--muted);font-size:11px}.st-row b{font-size:13px}.st-row em{font-style:normal;color:var(--gold);font-size:12px}.st-empty{padding:24px 18px;border:1px dashed #ffffff29;border-radius:16px;text-align:center;color:var(--muted);font-size:13px}.st-links a{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--stroke);font-size:13px}.st-chart{width:100%;height:150px;margin-top:20px;overflow:visible}.st-chart polyline{stroke:var(--gold);stroke-width:3;fill:none;stroke-linejoin:round;stroke-dasharray:1000;animation:draw 1s ease-out}.st-hint{font-size:11px;color:var(--muted)}#st-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#ffd058;color:#12121b;border-radius:10px;padding:12px 20px;z-index:40;max-width:90%;font-size:13px}#st-toast:empty{display:none}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ambience{from{opacity:.5}to{opacity:1}}@keyframes draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:800px){.st-shell{margin:28px auto;border-radius:26px;border:1px solid #ffffff18;box-shadow:0 25px 100px #0008}.st-bottom{border-radius:16px 16px 0 0}}[hidden]{display:none!important}