.quality-certificate { margin-block: 56px 80px; }
.quality-certificate__card { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr); align-items:stretch; overflow:hidden; border:1px solid var(--color-border,#e2e8f0); border-radius:28px; background:var(--color-surface,#f5f7fa); color:var(--color-text,#17243b); box-shadow:0 24px 64px rgb(0 0 0 / 6%); }
.quality-certificate__stage { position:relative; display:grid; place-items:center; padding:48px 40px; background:radial-gradient(ellipse at 50% 40%,rgb(79 143 217 / 18%),transparent 72%),linear-gradient(145deg,rgb(79 143 217 / 8%),rgb(79 143 217 / 2%)); border-right:1px solid var(--color-border,#e2e8f0); }
.quality-certificate__standard { position:absolute; top:24px; left:26px; display:flex; align-items:baseline; gap:6px; font-size:11px; letter-spacing:2px; color:var(--color-muted-text,#64748b); }
.quality-certificate__standard strong { font-size:15px; letter-spacing:1px; }
.quality-certificate__standard > span { padding-left:8px; border-left:1px solid var(--color-border,#cbd5e1); }
.quality-certificate__preview { position:relative; display:block; width:min(100%,270px); padding:10px; margin-block:12px 0; background:#fff; border:1px solid #e7ebf0; border-radius:8px; box-shadow:0 24px 44px rgb(0 0 0 / 18%),0 4px 10px rgb(0 0 0 / 6%); transform:rotate(-2deg); transition:transform .25s ease,box-shadow .25s ease; }
.quality-certificate__preview:hover { transform:rotate(0) translateY(-5px); box-shadow:0 30px 52px rgb(0 0 0 / 22%); }
.quality-certificate__preview img { display:block; width:100%; height:auto; border-radius:2px; }
.quality-certificate__zoom { position:absolute; right:-14px; bottom:20px; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#235d9b; color:#fff; box-shadow:0 4px 16px rgb(0 0 0 / 15%); font-size:23px; }
.quality-certificate__body { padding:clamp(30px,4vw,56px); align-self:center; }
.quality-certificate__label { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; margin-bottom:22px; border:1px solid color-mix(in srgb,var(--color-accent,#3b93e6) 25%,transparent); border-radius:999px; color:var(--color-accent,#2375ba); background:color-mix(in srgb,var(--color-accent,#3b93e6) 8%,transparent); font-size:.75rem; font-weight:600; line-height:1.4; }
.quality-certificate__body h2 { margin:0 0 16px; color:var(--color-text,#17243b); font-size:clamp(1.5rem,2.4vw,2.1rem); line-height:1.3; letter-spacing:-.025em; }
.quality-certificate__body > p { margin:0 0 26px; color:var(--color-muted-text,#64748b); font-size:.93rem; line-height:1.8; }
.quality-certificate__details { display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; margin:0 0 28px; padding-block:22px; border-block:1px solid var(--color-border,#e2e8f0); }
.quality-certificate__details > div:first-child { grid-column:1 / -1; }
.quality-certificate__details dt { color:var(--color-muted-text,#64748b); font-size:.73rem; margin-bottom:7px; }
.quality-certificate__details dd { margin:0; color:var(--color-text,#17243b); font-size:.88rem; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.quality-certificate__actions { display:flex; flex-wrap:wrap; gap:18px 22px; align-items:center; }
.quality-certificate__actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:13px 20px; border:1px solid #235d9b; border-radius:12px; background:#235d9b; color:#fff; font-size:.86rem; font-weight:600; text-decoration:none; box-shadow:0 5px 14px rgb(35 93 155 / 18%); }
.quality-certificate__actions .btn:hover { background:#194b80; color:#fff; }
.quality-certificate__download { display:grid; gap:5px; color:var(--color-text,#17243b); font-size:.8rem; text-decoration:none; }
.quality-certificate__download:hover { text-decoration:underline; text-underline-offset:4px; }
.quality-certificate__download span { color:var(--color-muted-text,#64748b); font-size:.7rem; }
.quality-certificate a:focus-visible { outline:3px solid var(--color-accent,#3b93e6); outline-offset:5px; }
@media (max-width:760px) {
 .quality-certificate { margin-block:32px 48px; }
 .quality-certificate__card { grid-template-columns:1fr; border-radius:22px; }
 .quality-certificate__stage { padding:48px 32px 32px; border-right:0; border-bottom:1px solid var(--color-border,#e2e8f0); }
 .quality-certificate__preview { width:min(100%,220px); }
 .quality-certificate__body { padding:28px 24px; }
 .quality-certificate__details { grid-template-columns:1fr; gap:16px; }
 .quality-certificate__actions .btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .quality-certificate__preview { transition:none; transform:none; } .quality-certificate__preview:hover { transform:none; } }