.dokt-wrap{position:relative;width:100%;max-width:478px;margin-left:auto;font-family:'JetBrains Mono',monospace;--dokt-acc:#caa24d}
.dokt-card{position:relative;background:linear-gradient(165deg,#13235c,#0a153a);border:1px solid rgba(251,203,107,.22);border-radius:18px;box-shadow:0 28px 56px rgba(6,12,34,.45);padding:22px 24px 26px;color:#dfe4f5}
.dokt-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dokt-ttl{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:var(--dokt-acc)}
.dokt-stch{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--dokt-acc);border:1px solid var(--dokt-acc);padding:4px 9px;border-radius:7px}
.dokt-nm{display:block;font-family:'Source Serif 4',serif;font-size:19px;font-weight:600;color:#f2ead2;margin-top:12px;line-height:1.2}
.dokt-sb{display:block;font-size:9px;font-weight:700;letter-spacing:.12em;color:#8d97b8;margin:6px 0 14px}
.dokt-stn{display:flex;align-items:center;gap:11px;padding:8px 0}
.dokt-nd{flex-shrink:0;min-width:24px;height:24px;padding:0 5px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#aeb8d8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);transition:background .3s ease,color .3s ease,border-color .3s ease}
.dokt-tx{flex:1;font-family:'Source Serif 4',serif;font-size:14px;font-weight:500;color:#dfe4f5;line-height:1.25}
.dokt-pill{flex-shrink:0}
.dokt-p0{display:inline-block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#8d97b8;border:1px solid rgba(255,255,255,.16);padding:4px 8px;border-radius:999px}
.dokt-p1{display:none;font-size:8px;font-weight:800;letter-spacing:.12em;color:#5c451a;background:#fbf6e7;border:1px solid var(--dokt-acc);padding:4px 8px;border-radius:999px}
.dokt-certw{opacity:0;transform:translate(0,14px);transition:opacity .5s ease,transform .5s ease;margin-top:14px}
.dokt-crt .dokt-certw,.dokt-done .dokt-certw{opacity:1;transform:translate(0,0)}
.dokt-cert{position:relative;background:linear-gradient(180deg,#fdfaf0,#f5edd6);border:1px solid #d8c795;border-radius:12px;padding:15px 78px 15px 18px;box-shadow:0 12px 26px rgba(6,12,34,.35)}
.dokt-cttl{font-family:'Source Serif 4',serif;font-style:italic;font-size:15px;font-weight:600;color:#3a2f14}
.dokt-cnm{font-family:'Source Serif 4',serif;font-size:15.5px;font-weight:700;color:#2c2410;margin-top:4px}
.dokt-cln{display:block;font-size:8.5px;font-weight:700;letter-spacing:.07em;color:#7a6b45;margin-top:7px;line-height:1.5}
.dokt-seal{position:absolute;right:16px;top:14px;width:44px;height:44px;border-radius:50%;border:2px solid #a0782a;box-shadow:inset 0 0 0 3px #f5edd6,inset 0 0 0 4px #a0782a;display:grid;place-items:center;font-size:11px;font-weight:800;color:#a0782a}
.dokt-iss{position:absolute;right:13px;top:62px;font-size:7.5px;font-weight:800;letter-spacing:.22em;color:#a0782a}
.dokt-track{display:flex;align-items:center;gap:6px;margin:2px 0 12px}
.dokt-tnd{flex-shrink:0;min-width:22px;height:22px;padding:0 4px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#aeb8d8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);transition:background .3s ease,color .3s ease,border-color .3s ease}
.dokt-tsg{flex:1;height:2px;background:rgba(255,255,255,.14);transition:background .3s ease}
.dokt-g1 .dokt-sts{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.dokt-g1 .dokt-stn{padding:6px 0}
.dokt-g1 .dokt-tx{font-size:12.5px}
.dokt-g2 .dokt-stn{border-bottom:1px solid rgba(255,255,255,.09)}
.dokt-g2 .dokt-stn:last-child{border-bottom:0}
.dokt-g2 .dokt-card{padding-bottom:36px}
.dokt-g2 .dokt-cert{transform:rotate(-2deg)}
.dokt-g2 .dokt-certw{margin-top:6px}
.dokt-g3 .dokt-in{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:center}
.dokt-g3 .dokt-certw{margin-top:0}
.dokt-g3 .dokt-cert{padding:15px 16px 58px 16px}
.dokt-g3 .dokt-seal{top:auto;bottom:12px;right:14px}
.dokt-g3 .dokt-iss{top:auto;bottom:16px;right:64px}
.dokt-g3 .dokt-tx{font-size:13px}
@media (max-width:900px){.dokt-g3 .dokt-in{grid-template-columns:1fr}.dokt-g3 .dokt-certw{margin-top:12px}}
@media (max-width:700px){.dokt-hgrid{grid-template-columns:1fr!important}.dokt-wrap{max-width:100%;margin:10px 0 0}}
@media (max-width:600px){.dokt-g1 .dokt-sts{grid-template-columns:1fr}.dokt-cert{padding-right:70px}}
@media (prefers-reduced-motion: reduce){.dokt-wrap *{transition:none!important;animation:none!important}}.dokt-s1 .dokt-i1 .dokt-p0,.dokt-done .dokt-i1 .dokt-p0{display:none}.dokt-s1 .dokt-i1 .dokt-p1,.dokt-done .dokt-i1 .dokt-p1{display:inline-block}.dokt-s1 .dokt-i1 .dokt-nd,.dokt-done .dokt-i1 .dokt-nd{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s1 .dokt-tn1,.dokt-done .dokt-tn1{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s2 .dokt-i2 .dokt-p0,.dokt-done .dokt-i2 .dokt-p0{display:none}.dokt-s2 .dokt-i2 .dokt-p1,.dokt-done .dokt-i2 .dokt-p1{display:inline-block}.dokt-s2 .dokt-i2 .dokt-nd,.dokt-done .dokt-i2 .dokt-nd{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s2 .dokt-tn2,.dokt-done .dokt-tn2{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s2 .dokt-sg1,.dokt-done .dokt-sg1{background:var(--dokt-acc)}.dokt-s3 .dokt-i3 .dokt-p0,.dokt-done .dokt-i3 .dokt-p0{display:none}.dokt-s3 .dokt-i3 .dokt-p1,.dokt-done .dokt-i3 .dokt-p1{display:inline-block}.dokt-s3 .dokt-i3 .dokt-nd,.dokt-done .dokt-i3 .dokt-nd{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s3 .dokt-tn3,.dokt-done .dokt-tn3{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s3 .dokt-sg2,.dokt-done .dokt-sg2{background:var(--dokt-acc)}.dokt-s4 .dokt-i4 .dokt-p0,.dokt-done .dokt-i4 .dokt-p0{display:none}.dokt-s4 .dokt-i4 .dokt-p1,.dokt-done .dokt-i4 .dokt-p1{display:inline-block}.dokt-s4 .dokt-i4 .dokt-nd,.dokt-done .dokt-i4 .dokt-nd{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s4 .dokt-tn4,.dokt-done .dokt-tn4{background:var(--dokt-acc);color:#101c46;border-color:var(--dokt-acc)}.dokt-s4 .dokt-sg3,.dokt-done .dokt-sg3{background:var(--dokt-acc)}