.certificate-verification { min-height:100vh; background:var(--paper,#f4f5ed); }
.certificate-verification__main { padding-top:52px; padding-bottom:64px; }
.certificate-verification__card, .certificate-verification__result { width:100%; margin:auto; padding:40px; }
.certificate-verification__card { max-width:560px; }
.certificate-verification__result { max-width:960px; }
.certificate-verification h1 { margin:14px 0; font-family:var(--font-display); font-size:clamp(28px,4vw,40px); line-height:1.15; }
.certificate-verification__intro { margin-bottom:24px; color:var(--muted); line-height:1.7; }
.certificate-verification__form { display:grid; gap:20px; }
.certificate-verification__card .form-status { margin-bottom:20px; }
.certificate-verification__note { margin-top:22px; font-size:13px; color:var(--muted); line-height:1.6; }
.certificate-verification__details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:28px 0; }
.certificate-verification__details dt { margin-bottom:5px; font-size:12px; color:var(--muted); }
.certificate-verification__details dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.certificate-verification__preview { display:block; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.certificate-verification__preview img { display:block; max-width:100%; height:auto; margin:auto; }
.certificate-verification__actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
@media(max-width:600px) { .certificate-verification__main { padding-top:28px; } .certificate-verification__card, .certificate-verification__result { padding:24px; } .certificate-verification__details { grid-template-columns:1fr; } .certificate-verification__actions { align-items:stretch; flex-direction:column; } .certificate-verification__actions .btn { width:100%; } }