:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#183431;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:26px max(6vw,22px);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d8dfd8;font-size:14px}.brand{font-weight:750}main{max-width:1140px;margin:70px auto;display:grid;grid-template-columns:1fr 1.1fr;gap:85px;padding:0 26px}aside{padding-top:35px}h1{font-size:clamp(38px,4.5vw,60px);line-height:1.04;letter-spacing:-2px;margin:20px 0 26px;max-width:400px}p{line-height:1.65;color:#52625c}aside>p{max-width:390px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#497263}ol{padding-left:22px;margin-top:38px;color:#52625c}li{padding:9px 0 9px 6px}.card{background:#fff;border:1px solid #dfe5de;border-radius:18px;padding:36px;box-shadow:0 16px 46px #15362a08;align-self:start}h2{font-size:26px;letter-spacing:-.7px;margin:10px 0 14px}label{display:block;font-size:14px;font-weight:650;margin:24px 0 9px}label span{display:block;font-weight:400;font-size:12px;color:#6b756f;margin-top:5px}input{width:100%;border:1px solid #bccac0;border-radius:8px;padding:14px;font:inherit;background:#fcfdfb}input:focus{outline:3px solid #c9dcd0;border-color:#316b50}.hint{font-size:12px;line-height:1.6}button,.refresh{display:block;width:100%;text-align:center;border:0;border-radius:8px;padding:15px 18px;background:#205640;color:#fff;font:600 14px system-ui;cursor:pointer;text-decoration:none;margin-top:24px}button:hover,.refresh:hover{background:#153e2d}button:focus-visible,a:focus-visible{outline:3px solid #b39340;outline-offset:3px}.secondary{background:#edf2ee;color:#315a45}.secondary:hover{background:#dce7df}.restart{margin-top:25px;padding-top:4px;border-top:1px solid #e4e9e2}.code{font-size:28px;letter-spacing:8px;text-align:center}.alert{background:#fff1e5;color:#7e3e10;border-radius:8px;padding:15px;font-size:14px;margin-bottom:24px;line-height:1.6}footer{max-width:1090px;margin:40px auto;padding:22px 26px;border-top:1px solid #d8dfd8;font-size:12px;color:#64736a}a{color:#205640}strong{overflow-wrap:anywhere}@media(max-width:760px){header{flex-direction:column;gap:5px}main{grid-template-columns:1fr;margin:28px auto;gap:24px;padding:0 18px}aside{padding:0}h1{max-width:none;margin:12px 0}ol{display:none}.card{padding:25px}aside>p{max-width:none}footer{margin-top:20px}}

.brand{display:flex;align-items:center;gap:14px}.brand-logo{display:block;width:auto;max-width:80px;height:42px;object-fit:contain}aside>.medal-name{font-size:clamp(20px,2.3vw,27px);line-height:1.35;font-weight:650;color:#183431;margin:0 0 24px;max-width:440px}@media(max-width:760px){aside>.medal-name{max-width:none}.brand-logo{height:36px}}

.brand-link{display:inline-flex;align-items:center;flex-shrink:0}

.refresh:disabled,.refresh:disabled:hover{background:#dce7df;color:#52625c;cursor:wait}.sending{display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;flex-shrink:0;border:3px solid #dce7df;border-top-color:#205640;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}