:root{--navy:#1d1d1f;--blue:#1144cb;--cyan:#1e5af9;--orange:#fb6227;--ink:#26323b;--muted:#5d6670;--line:#e7e9ee;--bg:#f6f8fc;--white:#fff;--green:#0f7a37;--amber:#a65f00;--red:#b42318;--shadow:0 18px 45px rgba(17,68,203,.09)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(30,90,249,.06),transparent 28%),var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}.topbar{height:78px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(29,29,31,.04);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.topbar:after{content:"";height:3px;position:absolute;left:0;right:0;bottom:-1px;background:linear-gradient(90deg,var(--blue) 0 74%,var(--orange) 74% 100%)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand-logo-wrap{width:105px;display:flex;align-items:center}.brand-logo{display:block;width:100%;height:42px;object-fit:contain}.brand-divider{width:1px;height:34px;background:#dfe3eb}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}nav{display:flex;align-items:center;gap:18px}nav a,.link-button{color:var(--navy);text-decoration:none;font-weight:600}.link-button{border:0;background:none;cursor:pointer;font-size:14px}.container{max-width:1180px;margin:0 auto;padding:44px 24px 80px}footer{text-align:center;color:#8a94a6;padding:25px;font-size:12px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--orange)}h1{font-size:34px;line-height:1.15;margin:6px 0 8px;color:var(--navy)}h2{font-size:18px;color:var(--navy);margin:0}.muted{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 20px rgba(17,68,203,.22)}.button-primary:hover{background:linear-gradient(135deg,#0e39ad,#174de0);transform:translateY(-1px)}.button-ghost{background:#eef2fb;color:var(--blue)}.button-small{padding:8px 13px}.card{background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.card-header{padding:22px 24px;border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:19px 22px}.stats article:last-child{border-top-color:var(--orange)}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:30px;color:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafbfe}td small{display:block;color:var(--muted);margin-top:2px}td a{color:var(--blue);font-weight:700;text-decoration:none}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f8;color:#526174}.status-downloaded{background:#e8f7f1;color:var(--green)}.status-accepted,.status-verified{background:#edf2ff;color:var(--blue)}.status-expired,.status-revoked{background:#fff0ef;color:var(--red)}.status-waiting{background:#fff1eb;color:#c54716}.form-card{padding:28px;border-top:3px solid var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label,.form-stack label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:7px}.form-grid input,.form-grid select,.form-stack input{width:100%;border:1px solid #cdd3de;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.form-grid input:focus,.form-grid select:focus,.form-stack input:focus{outline:3px solid rgba(30,90,249,.12);border-color:var(--cyan)}.field-wide{grid-column:1/-1}.form-grid small{color:var(--muted)}.error{display:block;color:var(--red);font-size:12px;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;margin:0}.details div{min-width:0}.details .wide{grid-column:1/-1}.details dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.details dd{margin:4px 0 0;font-weight:650}.hash{font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.demo-link{margin:0 24px 24px;background:#edf2ff;border-left:3px solid var(--blue);border-radius:8px;padding:14px}.demo-link span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.demo-link a{display:block;color:var(--blue);overflow-wrap:anywhere}.timeline{list-style:none;margin:0;padding:24px}.timeline li{display:flex;gap:12px;padding-bottom:22px;position:relative}.timeline li>span{width:10px;height:10px;background:var(--orange);border-radius:50%;margin-top:6px;box-shadow:0 0 0 5px #fff0ea}.timeline li:not(:last-child):after{content:"";position:absolute;width:1px;background:#d5dce8;top:18px;bottom:4px;left:4px}.timeline strong,.timeline small{display:block}.timeline small{color:var(--muted);margin-top:3px}.auth-shell,.client-shell{max-width:530px;margin:35px auto}.client-wide{max-width:780px}.auth-card,.client-card{padding:38px;border-top:3px solid var(--blue)}.form-stack p{margin:18px 0}.form-stack .button{width:100%;margin-top:8px}.demo-note{background:#fff3ed;border:1px solid #ffcbb6;border-radius:9px;padding:12px 14px;margin-top:18px;color:#9a3f1a;font-size:13px}.demo-note code{font-size:15px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2e7ef;color:#778397;font-weight:800}.steps span.active,.steps span.done{background:var(--blue);color:#fff}.steps i{height:2px;width:64px;background:#dce2eb}.steps i.done{background:var(--orange)}.file-summary{border:1px solid var(--line);background:#f8fafe;border-radius:12px;padding:15px 17px;margin:22px 0}.file-summary span,.file-summary strong,.file-summary small{display:block}.file-summary span{color:var(--muted);font-size:11px;text-transform:uppercase}.file-summary small{color:var(--muted)}.privacy{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.code-form input{font-size:28px;text-align:center;letter-spacing:.25em;font-weight:800}.back-link{display:block;text-align:center;color:var(--muted);margin-top:17px;text-decoration:none}.term-box{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:20px;background:#fbfcfe;font-size:14px}.integrity{display:grid;grid-template-columns:auto 1fr;gap:5px 15px;background:#edf2ff;border-left:3px solid var(--blue);border-radius:9px;padding:16px;margin:18px 0;font-size:13px}.integrity span{color:var(--muted)}.integrity code{overflow-wrap:anywhere}.acceptance p{display:flex;gap:10px;align-items:flex-start;margin:13px 0}.acceptance input{margin-top:5px}.acceptance label{font-size:14px}.acceptance .button{width:100%;margin-top:15px}.success-icon{width:62px;height:62px;display:grid;place-items:center;background:#def5eb;color:var(--green);border-radius:50%;font-size:30px;font-weight:900;margin:0 auto -22px;position:relative;z-index:2;border:6px solid var(--bg)}.centered{text-align:center}.button-download{width:100%;font-size:16px;padding:15px}.receipt{max-width:850px;margin:0 auto;padding:34px}.receipt-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:20px}.receipt-head h1{font-size:25px;margin:3px 0}.receipt-head .status{margin-left:auto}.alert{background:#e8f7f1;color:var(--green);border:1px solid #b9e5d5;padding:12px 15px;border-radius:10px;margin-bottom:20px}.empty{text-align:center;color:var(--muted)}
@media(max-width:760px){.topbar{padding:0 16px}.topbar nav>a:not(.button){display:none}.container{padding:28px 15px 60px}.page-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.detail-grid,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.auth-card,.client-card{padding:25px}.details{grid-template-columns:1fr}.details .wide{grid-column:auto}h1{font-size:28px}}
@media print{.topbar,footer,.no-print,.alert{display:none}.container{padding:0}.receipt{box-shadow:none;border:0}.receipt-head{margin-top:0}}
