.code-page{background:radial-gradient(ellipse at 18% 12%,#dff4e9 0,transparent 48%),radial-gradient(ellipse at 90% 18%,#e5f5ed 0,transparent 52%),#f7faf8;min-height:100vh}.code-main{max-width:1180px;padding:0 30px;margin:auto}.code-intro{text-align:center;padding:58px 0 62px}.code-badge{display:inline-flex;align-items:center;background:#e2f5ec;border:1px solid #aadcc6;color:#087968;padding:3px 12px;border-radius:30px;font-size:13px;font-weight:600}.code-intro h1{font-size:46px;line-height:1.24;letter-spacing:-1.5px;margin:18px 0 26px;color:#142f29}.code-intro h1 span{color:#087968}.code-intro p{font-size:18px;line-height:1.6;margin:0;color:#536d63;font-weight:400}.code-intro strong{font-weight:600;color:#325f50}.code-card{background:#fff;border:1px solid #cce6d9;border-radius:12px;box-shadow:0 12px 30px #173d2e0c;overflow:hidden}.code-card-heading{display:flex;align-items:center;gap:12px;padding:22px 28px;border-bottom:1px solid #e0eee6}.code-card-heading svg{width:26px;height:26px;color:#087968;flex-shrink:0}.code-card h2{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:0}.code-card-body{padding:30px}.code-card label{display:block;font-size:15px;margin-bottom:9px;font-weight:500}.code-card label span{color:#087968}.code-card input{display:block;width:100%;min-height:47px;border:1px solid #c9d8d0;border-radius:6px;padding:12px 14px;font:inherit;font-size:15px;color:#17322e;background:#fff}.code-card input:focus{outline:3px solid #c9efde;border-color:#087968}.code-card input::placeholder{color:#7a8c82}.code-submit{margin-top:30px;width:100%;border:0;min-height:48px;border-radius:7px;background:#087968;color:#fff;font:inherit;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 3px 7px #08796825}.code-submit:hover{background:#066354}.code-submit svg{width:22px;height:22px}.code-status{font-size:13px;color:#688274;margin:12px 0 0}.code-status.is-highlighted{color:#075b4c;font-weight:600}.code-note{margin-top:24px;padding:17px 18px;border:1px solid #bce1ce;background:#f0faf4;border-radius:8px;font-size:14px;line-height:1.6;color:#21664e}.code-note p{color:inherit;margin:0}.code-note a{color:#087968;text-decoration:underline;text-underline-offset:3px}.code-footer{text-align:center;padding:28px;font-size:12px;color:#73877c;border:0}.header nav a[aria-current=page]{color:#087968}
@media(max-width:650px){.code-main{padding:0 16px}.code-intro{padding:38px 0 34px}.code-intro h1{font-size:31px;letter-spacing:-.8px;margin:17px 0 20px}.code-intro p{font-size:15px}.desktop-break{display:none}.code-card-heading{padding:19px 18px;gap:9px}.code-card h2{font-size:19px}.code-card-heading svg{width:23px}.code-card-body{padding:22px 18px}.code-submit{font-size:16px;margin-top:24px}.code-note{padding:14px;font-size:13px}.header nav{gap:10px}.header{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.header nav{margin-left:auto}.brand{font-size:17px}}
@media(max-width:420px){.header{gap:9px}.header nav{width:100%;justify-content:flex-end;gap:22px}.code-intro h1{font-size:29px}}
.code-result[hidden]{display:none}.code-result{text-align:center;margin-top:22px;padding:24px;border:1px solid #bce1ce;border-radius:10px;background:#f0faf4}.code-result-label{display:block;font-size:14px;color:#4f7968}.code-digits{display:block;font-size:44px;letter-spacing:9px;color:#087968;font-variant-numeric:tabular-nums;margin:7px 0;user-select:all}.code-result p{margin:0 0 15px;font-size:13px}.code-copy{border:1px solid #087968;background:white;color:#087968;border-radius:6px;padding:8px 18px;font:inherit;font-size:14px;cursor:pointer}.code-submit:disabled{opacity:.65;cursor:wait}@media(max-width:420px){.code-digits{font-size:35px;letter-spacing:6px}}
.code-status.is-error{color:#c62828;font-weight:700}