:root{--bg:#0f1724;--card:#0b1220;--muted:#98a0b3;--accent:#ff6b6b;--glass:rgba(255,255,255,0.04)}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#071127 0%,#0f1724 100%);color:#e6eef8;margin:0;min-height:100vh}a{color:var(--accent)}.hero{padding:48px 16px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border-bottom:1px solid rgba(255,255,255,0.03)}.hero-inner{max-width:980px;margin:0 auto;text-align:center}.logo{height:84px;margin-bottom:12px}.hero h1{font-size:36px;margin:8px 0}.hero p{color:var(--muted);margin:8px 0}.cta a{display:inline-block;background:var(--accent);color:#091126;padding:8px 14px;border-radius:8px;margin:8px 6px;text-decoration:none;font-weight:600}.container{max-width:980px;margin:28px auto;padding:0 16px}.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:20px;border-radius:12px;margin-bottom:18px;border:1px solid rgba(255,255,255,0.03)}h2{margin:0 0 12px}label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}button{background:transparent;border:1px solid rgba(255,255,255,0.06);color:inherit;padding:8px 10px;border-radius:8px;cursor:pointer}button:hover{border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.actions{margin-top:8px;display:flex;gap:8px}.result{margin-top:8px;color:var(--muted);font-size:14px}.grid-cep{display:flex;gap:8px}pre{background:rgba(255,255,255,0.02);padding:12px;border-radius:8px;overflow:auto;color:var(--muted)}footer.footer{margin-top:8px;text-align:center;color:var(--muted);font-size:13px}.small{max-width:420px}code{background:rgba(0,0,0,0.2);padding:2px 6px;border-radius:6px} .code-block{white-space:pre-wrap}