:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173f41;background:#f3f8f3;font-synthesis:none;line-height:1.55}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 85% 15%,#d4efde 0,transparent 50%),radial-gradient(ellipse at 0 75%,#e0f1f0 0,transparent 55%)}
header{max-width:1000px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:28px;font-weight:850;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:#0b8c89}
select{font:inherit;max-width:180px;min-width:100px;border:1px solid #bfdbd5;border-radius:14px;padding:10px;background:#ffffffb0;color:inherit}
main{width:calc(100% - 32px);max-width:520px;margin:28px auto 70px;padding:36px;border:1px solid #cde2d8;border-radius:32px;background:#fffffff0;box-shadow:0 24px 65px -38px #204e4250}.identity{display:flex;align-items:center;gap:15px}.identity img{object-fit:contain}.identity span{font-size:11px;letter-spacing:2px;font-weight:750;color:#487a71}h1{font-size:clamp(36px,8vw,48px);letter-spacing:-2px;margin:24px 0 18px;line-height:1.1}h1 span{font-weight:300;color:#7bada3;padding:0 8px}.lead{color:#4d7470;font-size:18px;margin:0 0 28px}
.account{display:flex;align-items:center;gap:12px;border:1px solid #d8e7e0;border-radius:18px;padding:18px;background:#f4f8f4}.dot{width:10px;height:10px;border-radius:50%;background:#91ada6;flex:none}.account[data-connected] .dot{background:#168a72;box-shadow:0 0 0 5px #d7f0df}.account p{margin:3px 0 0;color:#55766e;overflow-wrap:anywhere}#feedback{font-size:14px;color:#705c35;min-height:22px;margin:16px 0}
button{display:block;min-height:52px;border:1px solid transparent;width:100%;border-radius:15px;background:#0d7d7e;color:white;font:700 16px system-ui;cursor:pointer;padding:12px 18px}button:hover{background:#086a6b}button:disabled{cursor:default;opacity:.55}.secondary{background:#fff;color:#365e56;border-color:#bfd9cd}.secondary:hover{background:#f0f5f0}.note{font-size:13px;color:#617d74;margin:23px 0}.back{display:inline-block;font-weight:650;color:#0a7774;text-underline-offset:5px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #35b5a2;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:400px){header{padding-inline:18px}main{margin-top:12px;padding:25px;border-radius:25px}.identity span{font-size:10px;letter-spacing:1px}.lead{font-size:17px}}