*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{background:var(--tce-navy-900);color:var(--tce-text);font:500 var(--tce-fs-body)/var(--tce-lh-body) var(--tce-font);padding-bottom:env(safe-area-inset-bottom)}
button{font:inherit;color:inherit;cursor:pointer}
#app{max-width:480px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) var(--tce-s-4) 48px}
h1{font-size:var(--tce-fs-display);line-height:var(--tce-lh-tight);font-weight:800;margin:0 0 var(--tce-s-2)}
h2{font-size:var(--tce-fs-title);line-height:1.2;font-weight:800;margin:0}
p{margin:0}
.muted{color:var(--tce-text-2)}
.micro{font-size:var(--tce-fs-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tce-text-3,#8A96AD);margin:var(--tce-s-5) 0 var(--tce-s-2)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--tce-s-4);min-height:var(--tce-tap)}
.back{width:var(--tce-tap);height:var(--tce-tap);border-radius:var(--tce-r-md);border:0;background:var(--tce-card);font-size:22px;flex:none}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:var(--tce-r-lg);background:var(--tce-orange);color:var(--tce-on-orange);font-weight:800;font-size:17px;transition:transform var(--tce-press-ms) var(--tce-ease),background var(--tce-fast-ms)}
.btn:active{transform:scale(.97);background:var(--tce-orange-press)}
.btn.lime{background:var(--tce-lime);color:var(--tce-on-lime)}
.btn.ghost{background:var(--tce-card-2);color:var(--tce-text)}
.card{background:var(--tce-card);border:1px solid var(--tce-line);border-radius:var(--tce-r-lg);padding:var(--tce-s-4)}
.row{display:flex;align-items:center;gap:var(--tce-s-3);width:100%;min-height:var(--tce-tap);text-align:left;background:var(--tce-card);border:1px solid var(--tce-line);border-radius:var(--tce-r-md);padding:var(--tce-s-3) var(--tce-s-4);margin-bottom:var(--tce-s-2);transition:transform var(--tce-press-ms) var(--tce-ease)}
.row:active{transform:scale(.98)}
.row.ok{background:var(--tce-lime-soft);border-color:rgba(180,232,93,.35)}
.row .grow{flex:1;min-width:0}
.row b{display:block;font-size:15px;line-height:1.3}
.row small{color:var(--tce-text-2);font-size:var(--tce-fs-small)}
.chev{color:var(--tce-text-2);font-size:20px}
.num{width:30px;height:30px;border-radius:9px;background:var(--tce-orange-soft);color:var(--tce-orange);font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
.selo{display:inline-block;font-size:11.5px;font-weight:700;line-height:1.2;padding:4px 9px;border-radius:var(--tce-r-pill);margin-top:6px}
.selo.el{background:var(--tce-lime);color:var(--tce-on-lime)}
.selo.sem{background:#2A3243;color:#C9D1E0}
.ring{display:block;margin:0 auto}
.hero{text-align:center;padding:var(--tce-s-4) 0 var(--tce-s-5)}
.hero .n{font-size:34px;font-weight:900}
.pills{display:flex;gap:8px;margin:var(--tce-s-3) 0}
.pills div{flex:1;background:var(--tce-card);border:1px solid var(--tce-line);border-radius:var(--tce-r-md);padding:10px 6px;text-align:center;font-size:11px;color:var(--tce-text-2)}
.pills b{display:block;font-size:19px;color:var(--tce-text);margin-bottom:1px}
.video{aspect-ratio:9/12;max-height:52vh;width:100%;background:#000;border-radius:var(--tce-r-lg);overflow:hidden;margin:var(--tce-s-3) 0}
.video video{width:100%;height:100%;object-fit:cover}
.bar{height:6px;background:var(--tce-card-2);border-radius:99px;overflow:hidden;margin:6px 0 var(--tce-s-3)}
.bar i{display:block;height:100%;background:var(--tce-lime);border-radius:99px;transition:width var(--tce-base-ms) var(--tce-ease)}
.field{width:100%;min-height:56px;border-radius:var(--tce-r-lg);border:1px solid var(--tce-line);background:var(--tce-card-2);color:var(--tce-text);padding:0 var(--tce-s-4);font:inherit;margin-bottom:var(--tce-s-3)}
.field:focus{outline:2px solid var(--tce-orange);outline-offset:1px}
.note{background:var(--tce-orange-soft);border:1px solid rgba(255,122,0,.35);border-radius:var(--tce-r-md);padding:var(--tce-s-3) var(--tce-s-4);font-size:14px;margin-bottom:var(--tce-s-3)}
.err{color:#FF8A80;font-size:14px;margin:-4px 0 var(--tce-s-3)}
.logo{width:72px;height:72px;border-radius:20px;display:block;margin:var(--tce-s-5) auto var(--tce-s-4)}
.rest{text-align:center;padding:var(--tce-s-5) 0}
.rest b{font-size:56px;font-weight:900;display:block;color:var(--tce-lime)}
.dots{display:flex;gap:8px;justify-content:center;margin:var(--tce-s-3) 0}
.dots i{width:10px;height:10px;border-radius:50%;background:var(--tce-card-2)}
.dots i.on{background:var(--tce-lime)}
.steps{color:var(--tce-text-2);font-size:15px;line-height:1.6}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}