:root{--zl-orange:#f5a900;--zl-yellow:#ffb900;--zl-bg:#090909;--zl-card:#171717;--zl-text:#fff;--zl-muted:#a7a7a7}
.zl-app{font-family:Arial,Helvetica,sans-serif;background:var(--zl-bg);color:var(--zl-text);max-width:480px;min-height:760px;margin:20px auto;position:relative;overflow:hidden;border-radius:22px;box-shadow:0 8px 40px rgba(0,0,0,.35)}
.zl-loading{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.zl-logo{font-weight:900;letter-spacing:5px;color:var(--zl-orange);font-size:31px}.zl-loading span{color:#aaa}
.zl-screen{min-height:760px;padding-bottom:74px;box-sizing:border-box}.zl-top{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #242424;position:sticky;top:0;background:#090909;z-index:4}.zl-top .logo{color:var(--zl-orange);font-size:17px;font-weight:900;letter-spacing:3px}.zl-title{font-weight:700}.zl-icon{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.zl-body{padding:18px}.zl-hero{background:linear-gradient(135deg,#241600,#111);border:1px solid #352300;padding:22px;border-radius:15px;margin-bottom:18px}.zl-points{font-size:34px;font-weight:800;color:var(--zl-orange)}.zl-muted{color:var(--zl-muted);font-size:13px}.zl-section-title{font-size:16px;margin:22px 0 10px}.zl-card{background:var(--zl-card);border:1px solid #292929;border-radius:13px;padding:14px;margin-bottom:11px}.zl-card h3{margin:0 0 6px;font-size:15px}.zl-card p{margin:0 0 12px;color:#bdbdbd;font-size:13px}.zl-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.zl-btn{background:var(--zl-orange);color:#080808;border:0;border-radius:4px;padding:11px 15px;font-weight:800;cursor:pointer}.zl-btn.secondary{background:#242424;color:#fff}.zl-btn.full{width:100%;margin-top:10px}.zl-input{width:100%;box-sizing:border-box;background:#0d0d0d;color:#fff;border:0;border-bottom:1px solid var(--zl-orange);padding:12px 8px;margin:7px 0 14px}.zl-nav{position:fixed;bottom:max(0px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(480px,100vw);height:64px;background:#111;border-top:1px solid #292929;display:flex;z-index:5}.zl-nav button{flex:1;background:none;border:0;color:#777;font-size:11px;cursor:pointer}.zl-nav button.active{color:var(--zl-orange)}.zl-nav b{display:block;font-size:19px;margin-bottom:3px}.zl-coupon{border-left:4px solid var(--zl-orange)}.zl-badge{display:inline-block;padding:5px 9px;background:#2a1e00;color:var(--zl-orange);font-weight:700;border-radius:20px;font-size:12px}.zl-map{height:230px;background:radial-gradient(circle at 20% 30%,#555 0 3px,transparent 4px),radial-gradient(circle at 70% 60%,#777 0 3px,transparent 4px),#202020;border-radius:14px;position:relative}.zl-pin{position:absolute;background:var(--zl-orange);color:#000;padding:7px;border-radius:50%;font-weight:900}.zl-pin.one{left:25%;top:30%}.zl-pin.two{right:20%;top:55%}.zl-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#333;color:#fff;padding:12px 18px;border-radius:8px;z-index:20;max-width:90%}.zl-error{color:#ff7777;font-size:13px;margin-bottom:8px}.zl-auth{padding:42px 22px;display:flex;flex-direction:column;min-height:760px;box-sizing:border-box;justify-content:center}.zl-auth .brand{text-align:center;margin-bottom:40px}.zl-link{color:var(--zl-orange);cursor:pointer}.zl-last-coupon{border:1px dashed var(--zl-orange);padding:18px;border-radius:12px;text-align:center;margin-top:18px}.zl-code{font-size:28px;letter-spacing:4px;font-weight:900;color:var(--zl-orange);margin:12px 0}
@media(max-width:520px){.zl-app{margin:0;border-radius:0;max-width:none}.zl-screen,.zl-auth{min-height:100vh}.zl-nav{width:100%}}