:root{font-family:system-ui,sans-serif;color:#e8eee9;background:#101b19;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:42px 22px 32px}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#b8dca1}h1{font-size:clamp(2.8rem,10vw,4.2rem);font-weight:550;line-height:1.06;letter-spacing:-.045em;margin:24px 0}header p{color:#b8c6bc}section{background:#1a2925;border:1px solid #35473d;border-radius:18px;padding:24px;margin:24px 0}h2{font-size:1.2rem;margin:0 0 18px}.section-title{display:flex;justify-content:space-between;gap:12px}#badge{font-size:.75rem;color:#b8dca1}label{display:block;font-size:.85rem;margin-bottom:8px}input{width:100%;font:inherit;background:#101b19;color:#fff;border:1px solid #637568;border-radius:9px;padding:13px 12px;min-width:0}input:focus{outline:2px solid #b8dca1;outline-offset:3px}button{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:9px;background:#c4e5ab;color:#132319;padding:13px 18px;margin-top:16px;width:100%;min-height:48px}button:hover{background:#d8f5c1}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:#c4d2c9;border:1px solid #637568;font-weight:400}.hint,footer{font-size:.8rem;color:#aabbb0}output{display:block;color:#c4e5ab;min-height:24px;overflow-wrap:anywhere}#message:not(:empty){padding:14px;border:1px solid #a4bc98;border-radius:9px}#message.error{color:#ffd9bf;border-color:#dba781}.inline{display:flex;gap:12px;align-items:stretch}.inline button{margin:0;width:auto}footer{margin-top:42px}[hidden]{display:none!important}@media(max-width:400px){section{padding:18px}.inline{flex-direction:column}}