.certificate-app-page{max-width:760px;margin-inline:auto}.certificate-state-card,.certificate-issued-card,.certificate-ready-card,.certificate-locked-card{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(15,18,39,.96),rgba(7,9,22,.94));box-shadow:0 26px 70px rgba(0,0,0,.26);text-align:center}.certificate-issued-card{border-color:rgba(212,175,55,.3)}.certificate-issued-card:after,.certificate-ready-card:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-170px;top:-190px;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 68%);pointer-events:none}.certificate-seal,.certificate-ready-orbit,.certificate-state-icon{position:relative;z-index:1;width:76px;height:76px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(212,175,55,.52);background:rgba(212,175,55,.08);font:30px "Space Mono";color:var(--gold);box-shadow:0 0 36px rgba(212,175,55,.11)}.certificate-ready-orbit.locked{border-color:rgba(165,77,254,.35);background:rgba(165,77,254,.08);color:#d8b8ff}.certificate-overline,.verify-kicker{font:9px "Space Mono";letter-spacing:.16em;color:var(--gold)}.certificate-issued-card h2,.certificate-ready-card h2,.certificate-locked-card h2,.certificate-state-card h2{font-family:"Noto Serif Thai";font-size:31px;margin:7px 0 4px}.certificate-issued-card>p,.certificate-ready-card>p,.certificate-locked-card>p,.certificate-state-card>p{max-width:560px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.75}.certificate-number{display:inline-block;margin:20px 0 17px;padding:8px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);font:10px "Space Mono";letter-spacing:.08em;color:#d9dae4}.certificate-action-stack{position:relative;z-index:1;display:grid;gap:9px;max-width:430px;margin:0 auto}.certificate-primary-button,.certificate-secondary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:49px;padding:12px 18px;border-radius:13px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-weight:700}.certificate-primary-button{background:var(--gold);color:#070911;box-shadow:0 14px 34px rgba(212,175,55,.13)}.certificate-primary-button:disabled{opacity:.6;cursor:wait}.certificate-secondary-button{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.11);color:#dfe1f4}.certificate-issued-meta{display:flex;justify-content:center;gap:9px;margin-top:17px;color:var(--muted);font-size:9px}.certificate-issued-meta strong{color:#d6d7df}.certificate-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.certificate-rule-grid>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.certificate-rule-grid span{display:block;font-size:9px;color:var(--muted)}.certificate-rule-grid strong{display:block;margin-top:6px;font:700 16px "Space Mono";color:var(--gold)}.certificate-inline-error,.certificate-revoked-note{margin-top:12px;padding:11px;border-radius:11px;background:rgba(255,80,80,.07);border:1px solid rgba(255,120,120,.16);color:#ffb4ab;font-size:10px}.certificate-error .certificate-state-icon{border-color:rgba(255,120,120,.3);color:#ffb4ab}.certificate-error .certificate-secondary-button{max-width:260px;margin:16px auto 0}
.certificate-claim-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:12px;padding:17px;border:1px solid rgba(212,175,55,.28);border-radius:17px;background:linear-gradient(120deg,rgba(212,175,55,.11),rgba(165,77,254,.055));color:#f0e4b6}.certificate-claim-card>span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(212,175,55,.12);font-size:20px;color:var(--gold)}.certificate-claim-card strong{display:block;font-size:12px}.certificate-claim-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.certificate-claim-card>span:last-child{font-size:20px;color:var(--gold)}
.verify-page{padding-top:122px;padding-bottom:70px;max-width:860px}.verify-kicker{text-align:center;margin-bottom:16px}.verify-card{max-width:720px;margin:0 auto;padding:38px 32px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(9,12,29,.89);box-shadow:0 28px 80px rgba(0,0,0,.32);text-align:center}.verify-valid{border-color:rgba(110,211,139,.27)}.verify-invalid{border-color:rgba(255,120,120,.2)}.verify-icon{width:76px;height:76px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;font:31px "Space Mono";border:1px solid currentColor}.verify-valid .verify-icon{color:#7bd88f;background:rgba(90,200,120,.07)}.verify-invalid .verify-icon{color:#ffaaa3;background:rgba(255,80,80,.06)}.verify-card>span{font:9px "Space Mono";letter-spacing:.18em;color:var(--gold)}.verify-card h1{font-family:"Noto Serif Thai";font-size:34px;margin:7px 0}.verify-card>p{max-width:520px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.7}.verify-person{margin:25px 0;padding:20px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.verify-person small{display:block;color:var(--muted);font-size:9px}.verify-person strong{display:block;margin-top:5px;font-family:"Noto Serif Thai";font-size:28px;color:#f1e3ad}.verify-person span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.verify-details{margin:0;text-align:left}.verify-details>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.verify-details dt{font-size:10px;color:var(--muted)}.verify-details dd{margin:0;text-align:right;font-size:10px}.verify-download{max-width:390px;margin:22px auto 0}.verify-loading{color:var(--muted)}
@media(max-width:560px){.certificate-state-card,.certificate-issued-card,.certificate-ready-card,.certificate-locked-card{padding:24px 17px}.certificate-issued-card h2,.certificate-ready-card h2,.certificate-locked-card h2{font-size:27px}.certificate-rule-grid{grid-template-columns:1fr 1fr}.verify-page{padding-top:96px;width:calc(100% - 28px)}.verify-card{padding:28px 18px}.verify-card h1{font-size:29px}.verify-details>div{grid-template-columns:1fr;gap:4px}.verify-details dd{text-align:left}.certificate-issued-meta{display:block}.certificate-issued-meta strong{display:block;margin-top:3px}}