:root{--brand:#f59e0b;--brand-bright:#fbbf24;--brand-deep:#b45309;--green:#22c55e;--bg:#070708;--bg-2:#0d0d10;--card:#141417;--card-2:#1a1a1e;--line:#262629;--line-2:#34343a;--text:#fafaf9;--muted:#9a9aa3;--muted-2:#6c6c75;--radius:22px;--maxw:1200px;--fd:"Geist", system-ui, sans-serif;--fm:"Geist Mono", "SF Mono", monospace;--cert-navy:#0b1e3d;--cert-navy-2:#123063}.sim{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:22px;max-width:1060px;margin:44px auto 0;display:grid}.sim-controls{background:linear-gradient(180deg, var(--card), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:30px 28px;display:flex}.sim-label{font-family:var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px;font-size:11px}.sim-models{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sim-models button,.sim-size{border:1px solid var(--line);color:var(--muted);font-family:var(--fd);cursor:pointer;background:#0b0b0d;border-radius:12px;padding:13px 10px;font-size:14px;font-weight:700;transition:all .18s}.sim-models button:hover,.sim-size:hover{border-color:var(--line-2);color:var(--text)}.sim-models button.active{border-color:var(--brand);color:var(--brand)}.sim-sizes{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.sim-size.active{color:#0b0b0d;background:#fff;border-color:#fff}.sim-retrow{justify-content:space-between;align-items:center;gap:12px;display:flex}.sim-retbox{border:1px solid var(--line);cursor:text;background:#0b0b0d;border-radius:11px;justify-content:flex-end;align-items:center;gap:4px;min-width:132px;padding:9px 15px;transition:border-color .18s;display:inline-flex}.sim-retbox:focus-within{border-color:var(--brand)}.sim-retbox input{width:78px;color:var(--brand);font-family:var(--fm);text-align:right;letter-spacing:-.01em;background:0 0;border:none;outline:none;font-size:20px;font-weight:700}.sim-retbox b{color:var(--brand);font-family:var(--fm);font-size:20px;font-weight:700}.sim-slider{margin:16px 0 14px}.sim-slider input{-webkit-appearance:none;background:var(--line);border-radius:999px;outline:none;width:100%;height:6px}.sim-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);cursor:pointer;border:4px solid #2a1c06;border-radius:50%;width:22px;height:22px}.sim-slider input::-moz-range-thumb{background:var(--brand);cursor:pointer;border:4px solid #2a1c06;border-radius:50%;width:22px;height:22px}.sim-presets{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.sim-presets button{color:var(--brand);font-family:var(--fm);cursor:pointer;background:#f59e0b17;border:1px solid #f59e0b4d;border-radius:11px;padding:10px 4px;font-size:13px;font-weight:700;transition:all .18s}.sim-presets button:hover{background:#f59e0b2e}.sim-fine{color:var(--muted-2);margin:auto 0 0;padding-top:22px;font-size:11.5px;line-height:1.5}.sim-namerow{margin-top:24px}.sim-name{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--fd);background:#0b0b0d;border-radius:12px;outline:none;padding:12px 14px;font-size:14.5px;transition:all .18s}.sim-name:focus{border-color:var(--brand)}.sim-name::placeholder{color:var(--muted-2)}.cert{border-radius:var(--radius);background:#0a0a0c;border:1px solid #f59e0b3d;flex-direction:column;display:flex;position:relative;overflow:hidden}.cert-bar{border-bottom:1px solid var(--line);background:linear-gradient(#141418,#0e0e11);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.cert-brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.cert-brand .b2{color:var(--brand)}.cert-verified{font-family:var(--fm);color:#6ee7a8;background:#22c55e1f;border:1px solid #22c55e52;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:600}.cert-acts{gap:9px;display:flex}.cert-act{color:var(--text);border:1px solid var(--line-2);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--fd);letter-spacing:-.01em;background:#17171b;border-radius:11px;align-items:center;gap:7px;padding:10px 15px;transition:all .18s;display:inline-flex}.cert-act svg{flex:none;width:15px;height:15px}.cert-act:hover{background:#1f1f24;border-color:#45454e;transform:translateY(-1px)}.cert-act.pri{background:linear-gradient(180deg, var(--brand-bright), var(--brand));border-color:var(--brand-bright);color:#1a1204;box-shadow:0 4px 14px #f59e0b47}.cert-act.pri:hover{filter:brightness(1.06);box-shadow:0 6px 18px #f59e0b61}.cert-stage{text-align:center;background:repeating-linear-gradient(90deg,#ffffff0e 0 3px,#0000 3px 22px),radial-gradient(120% 80% at 50% -10%,#1c4a8f 0%,#123063 38%,#0b1e3d 72%,#08152b 100%);flex:1;padding:34px 26px 30px;position:relative}.cert-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#030a168c);position:absolute;inset:0}.cert-stage>*{z-index:2;position:relative}.cert-plate{background:linear-gradient(#eba13c,#e2952c);border-radius:16px;max-width:340px;margin:26px auto 0;padding:44px 26px 30px;position:relative;box-shadow:0 18px 44px #0000006b}.cert-mark{background:#131316;border-radius:13px;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.cert-k{letter-spacing:.06em;color:#ffffffd1;font-size:11px;font-weight:500}.cert-name{color:#fff;letter-spacing:-.01em;word-break:break-word;margin:5px 0 20px;font-size:23px;font-weight:600;line-height:1.2}.cert-amt{font-family:var(--fm);color:#fff;letter-spacing:-.02em;margin-top:3px;font-size:clamp(30px,4.4vw,40px);font-weight:700;line-height:1}.cert-cycle{color:#ffffffb8;margin-top:18px;font-size:11px}.cert-meta{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:12px;max-width:380px;margin:26px auto 0;padding-top:22px;display:grid}.cert-meta .k{font-family:var(--fm);letter-spacing:.18em;color:#ffffff80;font-size:9.5px}.cert-meta .v{color:#fff;margin-top:5px;font-size:13px;font-weight:600}.cert-proc{margin-top:26px}.cert-proc .k{font-family:var(--fm);letter-spacing:.2em;color:#ffffff85;font-size:10.5px}.cert-proc .v{color:#fff;letter-spacing:-.02em;margin-top:5px;font-size:29px;font-weight:700}.cert-dates{grid-template-columns:1fr 1fr;gap:14px;max-width:380px;margin-top:24px;margin-left:auto;margin-right:auto;display:grid}.cert-dates .k{font-family:var(--fm);letter-spacing:.18em;color:#ffffff80;font-size:10px}.cert-dates .v{color:#ffffffe6;margin-top:5px;font-size:12.5px;font-weight:500}.cert-qrwrap{width:104px;margin:26px auto 0;position:relative}.cert-qr{filter:blur(3.2px);opacity:.72;background:#fff;border-radius:7px;width:104px;height:104px;padding:7px;display:block}.cert-qrnote{font-family:var(--fm);letter-spacing:.16em;color:#ffffff6b;text-align:center;white-space:nowrap;margin-top:9px;font-size:9px}.cert-foot{border-top:1px solid var(--line);background:#0b0b0d;padding:18px 22px}.cert-bar-track{background:#1c1c20;border-radius:999px;height:8px;overflow:hidden}.cert-bar-fill{background:linear-gradient(90deg, var(--brand-deep), var(--brand-bright));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.cert-legend{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.cert-legend b{color:var(--text)}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.you{background:var(--brand)}.dot.firm{background:#3a3a41}.cert-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;padding-top:15px;display:grid}.cert-stats .k{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:10px}.cert-stats .v{font-family:var(--fm);margin-top:4px;font-size:16.5px;font-weight:700}.cert-stats .v.o{color:var(--brand)}@media (max-width:860px){.sim{grid-template-columns:1fr}.cert-acts{flex-wrap:wrap;justify-content:flex-start;width:100%}.cert-bar{gap:8px;padding:12px}.cert-act{gap:5px;padding:7px 10px;font-size:11.5px}.cert-act svg{width:13px;height:13px}.sim-sizes{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}