:root{--paper:#F3EEE2;--paper2:#FBF8F1;--ox:#6B1E2A;--gold:#B08D3C;--ink:#2A1A1D;--sub:#6E5A55;--line:#6B1E2A26}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:500 18px/1.55 'Cormorant Garamond',Georgia,serif;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(#6B1E2A0d 1px,transparent 1px);background-size:6px 6px}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:var(--ox)}
.hidden{display:none!important}
.mono{font-family:'IBM Plex Mono',monospace}

.letterhead{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:22px 20px 14px;border-bottom:1.5px solid var(--ox)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ox);font:700 30px 'Cormorant Garamond'}
.brand svg{width:44px;height:44px}
.lh-mid{flex:1;text-align:center;font:500 12px 'IBM Plex Mono';letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.lh-r{font:500 13px 'IBM Plex Mono';letter-spacing:.08em}

.desk{max-width:1000px;margin:0 auto;padding:34px 20px 60px}
.sheet{position:relative;background:var(--paper2);border:1.5px solid var(--ox);outline:1px solid var(--gold);outline-offset:5px;padding:46px 56px;box-shadow:0 30px 60px -40px #6B1E2A66}
.sheet .wm{position:absolute;right:30px;bottom:40px;width:340px;height:340px;opacity:.06;pointer-events:none}
.sheet>.step{position:relative;z-index:1}
.guil{position:absolute;left:18px;right:18px;height:14px;background:repeating-linear-gradient(90deg,transparent 0 5px,#6B1E2A1f 5px 6px),radial-gradient(ellipse at 50% 50%,#B08D3C33,transparent 70%)}
.guil.top{top:14px}.guil.bottom{bottom:14px}
.formhead{display:flex;justify-content:space-between;gap:12px;font:500 11.5px 'IBM Plex Mono';letter-spacing:.2em;color:var(--sub);border-bottom:1px solid var(--line);padding-bottom:10px}
h1{margin:26px 0 0;font:600 clamp(38px,5.4vw,62px)/1.02 'Cormorant Garamond';color:var(--ox);letter-spacing:-.01em}
h1 i,h2 i{font-style:italic;font-weight:500}
.lead{margin:14px 0 0;max-width:640px;font-size:20px;color:var(--sub)}
fieldset{margin:28px 0 0;padding:0;border:0}
legend{font:600 12px 'IBM Plex Mono';letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
label{display:block;font:italic 500 17px 'Cormorant Garamond';color:var(--sub)}
.field{display:flex;align-items:flex-end;gap:14px;border-bottom:2px solid var(--ox);margin-top:4px}
.field input{flex:1;min-width:0;border:0;background:none;outline:0;padding:8px 0;font:500 18px 'IBM Plex Mono';color:var(--ink)}
.lnk{font:500 13px 'IBM Plex Mono';color:var(--ox);text-decoration:underline;text-underline-offset:3px;padding-bottom:10px;white-space:nowrap}
.err{margin:10px 0 0;font:500 14px 'IBM Plex Mono';color:#A3162A}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:10px;font:500 18px 'Cormorant Garamond';color:var(--ink);font-style:normal;cursor:pointer}
.chk input{appearance:none;flex:none;width:20px;height:20px;margin-top:4px;border:1.5px solid var(--ox);background:#fff;display:grid;place-items:center;cursor:pointer}
.chk input:checked::after{content:"✓";font:700 16px 'IBM Plex Mono';color:var(--ox);line-height:1}
.submit{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}
.stamp-btn{padding:14px 30px;border:3px solid var(--ox);color:var(--ox);font:600 15px 'IBM Plex Mono';letter-spacing:.14em;text-transform:uppercase;transform:rotate(-1.5deg);background:#fff}
.stamp-btn:hover{background:var(--ox);color:var(--paper)}
.stamp-btn:disabled{opacity:.5;cursor:wait}
.sig{font:italic 500 16px 'Cormorant Garamond';color:var(--sub)}

h2{margin:26px 0 0;font:600 40px/1.1 'Cormorant Garamond';color:var(--ox);word-break:break-all}
.uw{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.uw li{display:flex;align-items:baseline;gap:12px;font:500 15px 'IBM Plex Mono';color:var(--ink);animation:in .35s both}
.uw li .dots{flex:1;border-bottom:2px dotted #6B1E2A40;transform:translateY(-4px)}
.uw li .st{font-weight:600;letter-spacing:.12em;color:var(--ox)}
@keyframes in{from{opacity:0;transform:translateX(-10px)}}

/* сертификат */
.cert{position:relative;text-align:center}
.cert .kick{font:500 12px 'IBM Plex Mono';letter-spacing:.34em;color:var(--gold)}
.cert h2{margin:8px 0 0;font:700 44px 'Cormorant Garamond';word-break:normal}
.cert .to{margin-top:12px;font:italic 500 20px 'Cormorant Garamond';color:var(--sub)}
.cert .to b{font:500 16px 'IBM Plex Mono';font-style:normal;color:var(--ink);word-break:break-all}
.score{margin:18px auto 0;display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap}
.score .num{font:700 140px/1 'Cormorant Garamond';font-variant-numeric:lining-nums;color:var(--ox);letter-spacing:-.02em}
.score .tier{padding:8px 20px;border:4px solid currentColor;font:600 26px 'IBM Plex Mono';letter-spacing:.16em;transform:rotate(-6deg)}
.score .letter{display:block;margin-top:10px;font:600 14px 'IBM Plex Mono';letter-spacing:.2em;color:var(--sub)}
.t-PRIME{color:#2F6B3A}.t-NEAR-PRIME{color:#8A6A18}.t-SUBPRIME{color:#A0521A}.t-JUNK{color:#A3162A}.t-NO{color:var(--sub)}
.factors{margin:30px auto 0;max-width:640px;display:grid;gap:10px;text-align:left}
.factors div{display:grid;grid-template-columns:170px 1fr 60px;gap:14px;align-items:center;font:500 14px 'IBM Plex Mono'}
.bar{height:8px;background:#6B1E2A14}.bar i{display:block;height:100%;background:var(--ox)}
.factors .v{text-align:right}
.coins{margin:26px auto 0;max-width:640px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.coins a{padding:4px 10px;border:1px solid var(--line);font:500 12px 'IBM Plex Mono';text-decoration:none;color:var(--ink)}
.coins a.r{border-color:#A3162A66;color:#A3162A}.coins a.s{border-style:dashed}
.legend{margin-top:8px;font:500 11px 'IBM Plex Mono';color:var(--sub)}
.sigline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:36px auto 0;max-width:680px;text-align:left}
.sigline .s{border-top:1px solid var(--ox);padding-top:6px;font:italic 500 16px 'Cormorant Garamond';color:var(--sub);min-width:200px}
.sigline .s b{display:block;font:italic 600 26px 'Cormorant Garamond';color:var(--ox)}
.seal{width:96px;height:96px}
.cbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.cbtns button,.cbtns a{padding:11px 18px;border:1.5px solid var(--ox);font:500 13px 'IBM Plex Mono';letter-spacing:.08em;color:var(--ox);text-decoration:none;background:#fff}
.cbtns button:hover,.cbtns a:hover{background:var(--ox);color:var(--paper)}
.cbtns .primary{background:var(--ox);color:var(--paper)}

.block{margin-top:50px}
.block h3{margin:0;font:600 34px 'Cormorant Garamond';color:var(--ox);border-bottom:1.5px solid var(--ox);padding-bottom:8px}
.scale{width:100%;border-collapse:collapse;margin-top:10px}
.scale td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.scale td:first-child{width:170px;font:600 14px 'IBM Plex Mono';letter-spacing:.1em;color:var(--ox)}
.scale td.mono{width:120px;font-size:14px}
.crit{margin:16px 0 0;padding-left:22px;display:grid;gap:10px}
.crit b{color:var(--ox)}
.fine{margin-top:20px;font:500 13px 'IBM Plex Mono';color:var(--sub)}
.foot{background:var(--ox);color:var(--paper);padding:34px 20px 40px;text-align:center;font-size:17px}
.foot a{color:#E8D29B}
.foot .small{margin-top:10px;font:500 12px 'IBM Plex Mono';opacity:.75}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);opacity:0;transition:.25s;background:var(--ox);color:var(--paper);padding:10px 16px;font:500 13px 'IBM Plex Mono';pointer-events:none;z-index:9}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:720px){
  .sheet .wm{width:200px;height:200px;right:10px}
  .lh-mid{display:none}.letterhead{justify-content:space-between}
  .sheet{padding:34px 20px}.formhead span:nth-child(3){display:none}
  .score .num{font-size:96px}.factors div{grid-template-columns:120px 1fr 44px;font-size:12px}
  .sigline{flex-direction:column;align-items:center;text-align:center}
}