:root{--bg:#f3f7f5;--card:#fff;--ink:#142f35;--muted:#6a7f7b;--line:#d9e5e1;--green:#1f8a70;--green-dark:#0f4c5c;--mint:#e7f5f0;--danger:#c24141}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand{color:var(--ink);text-decoration:none;font-size:21px;font-weight:800}.brand img{display:block;width:190px;max-width:100%;height:auto}.brand b{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:8px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:white;font-family:Georgia}.brand span,.hero small,.hero em,a{color:var(--green)}header button{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:9px 14px;color:var(--ink)}header i{font-style:normal}main{max-width:1120px;margin:auto;padding:70px 24px 45px}.hero{text-align:center;max-width:760px;margin:0 auto 42px}.hero small{font-weight:800;letter-spacing:2px}.hero h1{font:700 clamp(42px,6vw,68px)/1.02 Georgia;margin:20px 0;letter-spacing:-2px}.hero em{font-weight:400}.hero p,.title p,#hint,.features p{color:var(--muted)}.hero>p{max-width:640px;margin:auto;line-height:1.7}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(15,76,92,.09)}.card{max-width:690px;margin:auto;padding:30px}.panel{padding:24px}.title{display:flex;gap:15px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.title>b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mint);color:var(--green);font-size:27px}.title h2,.panel h2{font-size:19px;margin:0 0 14px}.title p{font-size:13px;margin:0}label{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin:18px 0 8px}label span{font-weight:400;color:var(--muted)}.input{height:51px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--card)}.input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,138,112,.16)}.input i{color:var(--muted);font-style:normal}.input input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.input #secret{font-family:monospace;text-transform:uppercase;letter-spacing:1px}.input button{border:0;background:transparent;color:var(--muted);font-size:22px}#hint{font-size:12px;margin:7px 2px 17px}#hint.error{color:var(--danger)}button,.btn,.submit{min-height:40px;border:0;border-radius:8px;padding:10px 14px;font:800 13px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.submit,.btn-primary{background:var(--green);color:white}.submit:hover,.btn-primary:hover{background:var(--green-dark)}.btn-secondary,.secondary{background:var(--mint);color:var(--green-dark);border:1px solid #b9d9d0}.btn-danger{background:#fff1f1;color:var(--danger);border:1px solid #f0b7b7}#result{border-top:1px solid var(--line);margin-top:27px;padding-top:24px}.result-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:1px}#copy{width:100%;margin:12px 0 10px;padding:17px;border:1px solid #b9d9d0;border-radius:12px;background:var(--mint);color:var(--green-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer}#code{font:700 34px monospace;letter-spacing:7px}.track{height:4px;background:#dfe8e3;border-radius:9px;overflow:hidden}.track i{display:block;height:100%;background:var(--green)}#status{text-align:center;color:var(--muted);font-size:11px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:42px auto}.features article{display:flex;gap:12px}.features article>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green)}.features h3{font-size:13px;margin:2px 0 5px}.features p{font-size:11px;line-height:1.5;margin:0}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{text-decoration:none}.dark{--bg:#0e1714;--card:#16231f;--ink:#f1f5f2;--muted:#9aaba3;--line:#2d3b36;--mint:#1d3a30}@media(max-width:700px){header{height:70px}header i{display:none}main{padding-top:48px}.hero h1{font-size:42px}.card{padding:22px 18px}.features{grid-template-columns:1fr}.result-head{letter-spacing:.5px}#code{font-size:29px;letter-spacing:5px}footer{flex-direction:column;align-items:center}}