@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#07122b;--navy2:#0e1d3f;--card:#13254c;--line:#24386a;--green:#17a556;--green2:#0c7a3d;--yellow:#ffc629;--blue:#2f5bea;--cream:#f7f2e9;--ink:#eaf0ff;--mut:#9fb0d6;--red:#ef5d5d}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;background:var(--navy);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}
.stripe{height:6px;background:linear-gradient(90deg,var(--green) 0 33.3%,var(--yellow) 33.3% 66.6%,var(--blue) 66.6%)}
.wrap{max-width:560px;margin:0 auto;padding:22px 18px 40px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);font-weight:700}
h1{font-size:28px;line-height:1.12;margin:8px 0 10px;font-weight:800;letter-spacing:-.01em}
h2{font-size:20px;line-height:1.25;margin:0 0 14px;font-weight:700}
p{line-height:1.5;margin:0 0 12px}.mut{color:var(--mut)}.sm{font-size:13px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0}
input[type=text],input[type=password]{width:100%;font:inherit;font-size:18px;padding:14px 16px;border-radius:12px;border:2px solid var(--line);background:var(--navy2);color:var(--ink);outline:none}
input:focus{border-color:var(--yellow)}
.btn{display:block;width:100%;font:inherit;font-weight:700;font-size:17px;padding:15px 18px;border-radius:999px;border:0;background:var(--yellow);color:#1b1500;cursor:pointer;text-align:center;text-decoration:none;margin-top:12px}
.btn:disabled{opacity:.5}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.opt{display:flex;gap:12px;align-items:center;width:100%;text-align:left;font:inherit;font-size:16.5px;line-height:1.3;padding:15px 16px;border-radius:14px;border:2px solid var(--line);background:var(--navy2);color:var(--ink);cursor:pointer;margin-top:10px}
.opt .k{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-weight:700;font-size:13px}
.opt.ok{border-color:var(--green);background:#0f3a2a}.opt.ok .k{background:var(--green)}
.opt.no{border-color:var(--red);background:#3b1a25}.opt.no .k{background:var(--red)}
.opt.sel{border-color:var(--yellow)}.opt.sel .k{background:var(--yellow);color:#1b1500}
.opt:disabled{cursor:default}
.prog{height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin:6px 0 18px}.prog i{display:block;height:100%;background:var(--yellow);transition:width .3s}
.fb{border-left:4px solid var(--green);padding:10px 14px;background:rgba(255,255,255,.04);border-radius:0 12px 12px 0;margin-top:14px}
.fb.no{border-color:var(--red)}.fb a,.lnk{color:var(--yellow)}
.big{font-size:54px;font-weight:800;line-height:1;color:var(--yellow)}
.err{color:#ffb3b3;font-size:14px;margin-top:8px;min-height:18px}
.pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em}
.ADOTAR{background:var(--green);color:#fff}.CONVIVER{background:var(--yellow);color:#1b1500}.ESPERAR{background:var(--blue);color:#fff}
.bar{display:flex;align-items:center;gap:10px;margin:8px 0}.bar b{width:86px;font-size:12px;letter-spacing:.06em}.bar .t{flex:1;height:14px;background:var(--line);border-radius:9px;overflow:hidden}.bar .t i{display:block;height:100%;transition:width .5s}.bar span{width:38px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}
footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut);line-height:1.5}footer a{color:var(--ink)}
ul{padding-left:20px;margin:8px 0}li{margin:6px 0;line-height:1.4}