:root{--ink:#142033;--muted:#778296;--coral:#ff6d55;--navy:#243d5b;--line:#eee5dd}*{box-sizing:border-box}body{margin:0;background:#fffaf6;color:var(--ink);font:14px Inter,system-ui,sans-serif}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900}.brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--coral);color:#fff}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:#fff;padding:30px;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 70px #29354a18}.art{height:145px;display:flex;align-items:end;justify-content:center;gap:9px;background:radial-gradient(circle,#ffe6dc,transparent 67%);margin:18px 0}.art i{width:58px;height:85px;border-radius:50%;background:#ff745d}.art i:nth-child(2){width:76px;height:125px;background:#294e73}.art i:nth-child(3){width:50px;height:76px;background:#ffc449}h1{font-size:25px;margin:12px 0 7px}p{color:var(--muted);line-height:1.5}label{display:grid;gap:7px;font-size:12px;font-weight:750;margin:14px 0}.phone-field{display:flex;border:1px solid #dfe4eb;background:#f8fafc;border-radius:13px;overflow:hidden}.phone-field b{padding:14px;border-right:1px solid #dfe4eb}input,select{width:100%;padding:14px;border:1px solid #dfe4eb;border-radius:12px;background:#fff;font:inherit;outline:none}.phone-field input{border:0;border-radius:0;background:transparent}button{border:0;border-radius:13px;padding:14px;background:var(--coral);color:#fff;font-weight:800;cursor:pointer}.auth-card button:not(.back){width:100%}.back{padding:5px;background:transparent;color:var(--coral)}.auth-card>small{display:block;text-align:center;color:#98a1af;margin-top:17px}.error{color:#dc4054;font-size:12px}.portal{max-width:920px;margin:auto;padding:24px}.portal header{display:flex;justify-content:space-between;align-items:center}.portal header button{padding:9px 13px;background:#edf1f6;color:#4a586c}.welcome{display:flex;align-items:center;gap:12px;margin:35px 0 18px}.avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffe3db;color:#e34f39;font-size:21px;font-weight:900}.welcome h1{margin:0}.welcome small{color:var(--muted)}.welcome>span{margin-left:auto;padding:7px 12px;border-radius:99px;font-weight:800}.ok{background:#dcf7ec;color:#13835d}.off{background:#ffe1e5;color:#c9344b}.assistant{padding:20px;border-radius:21px;background:var(--navy);color:#fff}.assistant b{font-size:18px}.assistant p{color:#cdd8e4;margin-bottom:0}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.actions button{min-height:125px;display:grid;text-align:left;align-content:start;gap:5px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px #26354c0a}.actions i{font-style:normal;font-size:23px}.actions small{color:var(--muted);font-weight:500}.next{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}.next small{color:var(--muted)}.next b{display:block;font-size:22px;margin-top:5px}.next p{margin:3px 0}.overlay{position:fixed;inset:0;background:#14203380;padding:18px;z-index:10}.overlay>section{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;margin:auto;background:#fffaf6;border-radius:24px;padding:25px}.close{position:absolute;right:14px;top:13px;width:34px;height:34px;padding:0;background:#edf0f4;color:#526074}.devices article,.payment{padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:10px 0}.devices dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.devices dl div{padding:10px;background:#fff7f3;border-radius:10px}.devices dt{font-size:10px;color:var(--muted)}.devices dd{margin:4px 0;font-weight:800}.payment-options{display:grid;gap:9px}.payment-options button{text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line)}.payment-options button small{display:block;color:var(--muted);margin-top:4px}.payment-options button:disabled{opacity:.7}.pix-key{padding:16px;background:#e7faf2;border-radius:14px}.pix-key b{display:block;margin-top:5px}.whatsapp{display:block;padding:15px;border-radius:14px;background:#18a66f;color:#fff;text-align:center;text-decoration:none;font-weight:900}.payment{display:grid;grid-template-columns:1fr auto}.payment small{grid-column:1/3;color:var(--muted)}.success{text-align:center;padding:30px}.success b{font-size:21px}@media(max-width:650px){.portal{padding:18px}.actions{grid-template-columns:1fr 1fr}.actions button{min-height:105px}.auth{padding:12px}.auth-card{padding:22px;border-radius:22px}.art{height:120px}.portal header{position:sticky;top:0;padding:9px 0;background:#fffaf6;z-index:2}}
:where(a,button,[role="button"]){-webkit-tap-highlight-color:transparent}:where(a,button,[role="button"]):focus{outline:none}:where(input,select,textarea):focus{outline:none;box-shadow:none}