:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#142c43;background:#eff4f7;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border-radius:10px;border:0;padding:10px 16px;background:#067e87;color:white;font-weight:650}button:hover{background:#076870}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edac32;outline-offset:2px}button.quiet{color:#153a56;background:#e7f0f3}button.quiet:hover{background:#dce8ed}.hidden{display:none!important}.top{background:#102b48;color:white;padding:14px max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;font-size:1.1rem}.brand small{display:block;color:#c7dce6}.mark{display:grid;place-items:center;background:#d9f4f1;color:#07535b;width:42px;height:42px;border-radius:12px;font-weight:800}.shell{max-width:1080px;margin:36px auto;padding:0 20px;display:grid;gap:18px}.hero{background:#153a57;color:white;padding:30px;border-radius:18px}.hero h1{font-size:clamp(1.55rem,3vw,2.3rem);margin:6px 0}.hero p{color:#d5e7ee;max-width:650px;line-height:1.5}.eyebrow{text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#5c7387;font-size:.77rem}.hero .eyebrow{color:#94d7d4}.card{background:white;border:1px solid #d8e4e9;border-radius:16px;padding:24px;box-shadow:0 6px 22px #12324d0a}.card h2{margin:0 0 15px;font-size:1.2rem}.card p{line-height:1.5}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:600;color:#30485c}input,select{min-height:46px;border:1px solid #a9bfcb;border-radius:10px;padding:10px;background:white;color:#142c43;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.muted{color:#617789}.notice{border-radius:10px;background:#e7f6f1;color:#135f54;padding:12px}.error{background:#fff0ed;color:#9f321f}.list{list-style:none;padding:0;margin:0}.list li{padding:13px 0;border-top:1px solid #e4edf1;display:flex;justify-content:space-between;gap:10px;align-items:center}.tag{padding:4px 9px;border-radius:7px;background:#fff0cf;color:#77500c;font-size:.81rem;font-weight:700}.split{display:flex;justify-content:space-between;align-items:center;gap:10px}.secret{overflow-wrap:anywhere;background:#edf4f7;padding:10px;border-radius:8px}.preview{display:grid;gap:10px}.preview li{padding:10px;border:1px solid #dfebee;border-radius:8px}footer{padding:25px;text-align:center;color:#667d8e;font-size:.87rem}@media(max-width:720px){.shell{margin:16px auto}.grid,.form-row{grid-template-columns:1fr}.card,.hero{padding:19px}.list li{align-items:flex-start;flex-direction:column}.top{padding:14px 18px}}