*{box-sizing:border-box}
:root{color-scheme:light;--ink:#172331;--muted:#69747e;--green:#176b55;--line:#dde3df;--bg:#f5f6f2}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}
.wrap{max-width:880px;margin:auto;padding:0 28px}.header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;font-weight:750}.brand-light{color:var(--muted);font-weight:450}.brand-icon{width:32px;height:32px;background:var(--green);color:white;display:grid;place-items:center;border-radius:8px;font-size:22px;font-weight:550}
.intro{padding:48px 0 26px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--green);font-weight:750;margin:0 0 12px}h1{font-size:clamp(28px,4vw,38px);font-weight:650;line-height:1.2;letter-spacing:-.045em;margin:0 0 12px}.muted{color:var(--muted);margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 10px #193c2910}.search-card{padding:25px 28px}label{display:block;font-size:13px;font-weight:650;margin:0 0 10px}.search-row{display:flex;gap:10px}input{min-width:0;width:100%;border:1px solid #cdd7d0;border-radius:8px;background:#fbfcfa;padding:13px 14px;color:var(--ink);outline:none}input::placeholder{color:#8b9690}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5514}
.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid transparent;padding:12px 22px;border-radius:8px;font-size:14px;font-weight:650;white-space:nowrap}.primary{color:#fff;background:var(--green)}.primary:hover{background:#115640}.quiet{color:#4c5952;background:transparent;padding:8px}.button:focus-visible{outline:3px solid #8ac5ae;outline-offset:3px}.hint{font-size:12px;color:var(--muted);margin:11px 0 0}
.status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px 3px}.status-row p{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0}.status-dot{width:6px;height:6px;background:#8c9991;border-radius:50%;flex-shrink:0}[data-state="waiting"] .status-dot,[data-state="new"] .status-dot{background:var(--green)}[data-state="waiting"] .status-dot{animation:pulse 1.5s ease-in-out infinite}[data-state="retry"] .status-dot,[data-state="unavailable"] .status-dot{background:#b57a32}.text-button{background:transparent;color:var(--green);padding:8px 0;font-size:12px}
.result-card{padding:28px;border-top:3px solid var(--green)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top h2{margin:0}.badge{font-size:11px;padding:4px 10px;border-radius:30px;background:#eef4ef;color:var(--green)}.result-email{font-size:13px;color:var(--muted);margin:8px 0 12px;overflow-wrap:anywhere}.code-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 24px;border-bottom:1px solid var(--line)}#codigo{font:600 clamp(32px,7vw,58px)/1.25 ui-monospace,"Cascadia Code",Consolas,monospace;color:var(--ink);letter-spacing:.045em;overflow-wrap:anywhere;min-width:0}.copy-button{background:#eef4ef;color:var(--green);border-color:#dce8df}.copy-button:hover{background:#e1eee5}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:23px 0 0}.details dt{font-size:11px;color:var(--muted);margin-bottom:5px}.details dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}.details .hint{font-size:10px}.result-note{font-size:11px;color:var(--muted);margin:22px 0 0}[data-state="new"].result-card{box-shadow:0 0 0 3px #176b5510}
.empty-state{text-align:center;padding:44px 20px 54px;border:1px dashed #d4dcd5;border-radius:14px}.empty-icon{display:grid;place-items:center;margin:0 auto 15px;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#86988b;font-size:24px}.empty-state h2{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.empty-state p{font-size:13px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:16px;color:#8b948d;font-size:11px;padding:32px 0;margin-top:16px}
.login-card{max-width:440px;margin:60px auto 0;padding:32px}.login-card h1{font-size:36px}.login-card .muted{font-size:14px}.login-form{margin-top:24px}.login-form .button{width:100%;margin-top:14px;justify-content:space-between}.error{color:#a43a35;font-size:13px}.notice{color:#806c39;font-size:13px;background:#faf5e8;padding:12px;border-radius:8px}
@keyframes pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:600px){.wrap{padding:0 18px}.header{height:80px}.brand{font-size:10px;gap:8px}.intro{padding-top:32px}.search-card,.result-card{padding:22px}.search-row{flex-direction:column}.search-row .button{width:100%}.status-row{align-items:flex-start;min-height:72px;padding-top:16px}.status-row p{font-size:11px}.code-row{flex-direction:column;align-items:flex-start;gap:14px}.copy-button{width:100%}.details{grid-template-columns:1fr;gap:18px}.login-card{margin-top:35px;padding:24px}footer{font-size:10px}.brand-light{display:none}}