/* Verify page — measured against synedica.io/verify (full-page screenshot, 1578px viewport) */
body.synedica-verifier-template { margin: 0; font-family: "Plus Jakarta Sans", system-ui, sans-serif; color: #4A5568; line-height: 1.6; background: #fff; min-height: 100vh; -webkit-font-smoothing: antialiased; }
.syn-verify *, .syn-verify *::before, .syn-verify *::after { box-sizing: border-box; }
.syn-verify p, .syn-verify h1, .syn-verify h2, .syn-verify h3, .syn-verify ul { margin: 0; }
.syn-verify__inner { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 640px) { .syn-verify__inner { padding: 0 24px; } }
@media (min-width: 1248px) { .syn-verify__inner { padding: 0; } }

/* hero: 768px tall band, dotted, light-blue gradient with a bottom fade to white */
/* hero starts at the page top, behind the fixed banner+header (like the home hero) — no white spacer shows when the header shrinks to the pill */
.syn-verify__hero { position: relative; isolation: isolate; overflow: hidden; margin-top: calc(-1 * (var(--syn-banner-h, 40px) + 72px)); padding: calc(var(--syn-banner-h, 40px) + 72px + 24px) 0 56px; text-align: center; transition: padding-top 320ms cubic-bezier(.32, .72, 0, 1);
	background: radial-gradient(circle at 83% 74%, rgba(109, 193, 244, .36), transparent 23%), radial-gradient(circle at 23% 12%, rgba(255, 255, 255, .96), transparent 32%), linear-gradient(180deg, #edf5ff 0%, #eaf3ff 70%, #f7fbff 100%); }
@media (min-width: 768px) { .syn-verify__hero { padding-bottom: 87px; min-height: calc(768px + var(--syn-banner-h, 40px) + 72px); } }
/* banner collapses on scroll (>60px) or dismiss → content rises 40px like synedica.io (padding uses --banner-h there) */
body.syn-scrolled .syn-verify__hero, body.syn-banner-dismissed .syn-verify__hero { padding-top: calc(72px + 24px); }
@media (max-width: 639px) { body.syn-scrolled .syn-verify__hero, body.syn-banner-dismissed .syn-verify__hero { padding-top: calc(72px + 16px); } }
.syn-verify__hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .45; background-image: radial-gradient(rgba(75, 106, 150, .18) 1px, transparent 1px); background-size: 24px 24px; }
.syn-verify__back { position: absolute; top: -4px; left: 0; padding-left: inherit; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #8A95A3 !important; text-decoration: none !important; transition: color .2s; }
@media (max-width: 1247px) { .syn-verify__back { left: 24px; } }
@media (max-width: 639px) { .syn-verify__hero { padding-top: calc(var(--syn-banner-h, 40px) + 72px + 16px); } .syn-verify__back { left: 20px; } }
.syn-verify__back:hover { color: #1B6FD8 !important; }
.syn-verify__head { max-width: 512px; margin: 0 auto; }
.syn-verify__eyebrow { display: inline-flex; margin-top: 69px; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; font-weight: 500; color: #1B6FD8; line-height: 1.5; }
@media (max-width: 639px) { .syn-verify__eyebrow { margin-top: 40px; } }
.syn-verify h1.syn-verify__title { margin: 14px auto 22px; font-size: 40px; font-weight: 700; line-height: .91; letter-spacing: -.06em; color: #0D1117; }
@media (min-width: 640px) { .syn-verify h1.syn-verify__title { font-size: 54px; } }
@media (min-width: 768px) { .syn-verify h1.syn-verify__title { font-size: 68px; } }
.syn-verify__title span { display: block; color: #1B6FD8; }
.syn-verify p.syn-verify__lead { margin: 0 auto 17px; font-size: 15px; line-height: 1.65; color: #4A5568; }
@media (min-width: 640px) { .syn-verify p.syn-verify__lead { font-size: 16px; } }
.syn-verify p.syn-verify__lead:last-child { margin-bottom: 0; }

/* authentication card: 700 × ~199, padding 34, shield 36, secured badge -13/-12 */
.syn-auth { position: relative; width: min(700px, 100%); margin: 36px auto 0; padding: 34px 34px 64px; text-align: left; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .96); background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 30px 70px rgba(20, 54, 98, .14), 0 2px 6px rgba(0, 0, 0, .04); }
@media (max-width: 639px) { .syn-auth { padding: 24px 20px 24px; } }
.syn-auth__secured { position: absolute; top: -13px; right: -12px; display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 12px; border-radius: 9999px; color: #fff; background: #14B87E; box-shadow: 0 10px 24px rgba(20, 184, 126, .35); font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 639px) { .syn-auth__secured { right: 8px; } }
.syn-auth__secured i { width: 10px; height: 10px; border: 1.5px solid #fff; border-radius: 50%; }
.syn-auth__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; margin-bottom: 21px; }
.syn-auth__shield { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #1B6FD8, #2563EB); box-shadow: 0 10px 22px rgba(27, 111, 216, .28); }
.syn-auth__label strong { display: block; margin-bottom: 2px; font-size: 17px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: #0D1117; }
.syn-auth__label small { display: block; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; color: #8A95A3; line-height: 1.4; }
.syn-auth__live { justify-self: end; display: inline-flex; align-items: center; gap: 6px; height: 20px; padding: 0 9px; border: 1px solid rgba(20, 184, 126, .28); border-radius: 9999px; color: #14B87E; background: rgba(20, 184, 126, .1); font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.syn-auth__live i { width: 5px; height: 5px; border-radius: 50%; background: #14B87E; }
@media (max-width: 480px) { .syn-auth__live { display: none; } }

/* widget row (source component: flex gap-3; input rounded-10 mono; button #1B6FD8 rounded-10, 48px) — inset 18px inside the card as on the page */
.syn-vf { width: 100%; padding: 0 16px 0 18px; }
@media (max-width: 639px) { .syn-vf { padding: 0; } }
.syn-vf__row { display: flex; gap: 15px; margin: 0; }
.syn-vf__result:not(:empty) { margin-top: 24px; }
.syn-vf__input { flex: 1 1 0; min-width: 0; height: 48px; padding: 12px 16px; border-radius: 10px; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 12px; color: #0D1117; background: rgba(255, 255, 255, .9) !important; border: 1.5px solid rgba(0, 0, 0, .12) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important; outline: none; transition: all .2s; }
@media (min-width: 640px) { .syn-vf__input { font-size: 14px; } }
.syn-vf__input::placeholder { color: #8A95A3; }
.syn-vf__input:focus { outline: none; }
.syn-vf__input:disabled { opacity: .6; }
.syn-vf__input.is-verified { border-color: #14B87E !important; }
.syn-vf__input.is-used { border-color: #B45309 !important; }
.syn-vf__input.is-error { border-color: #DC2626 !important; }
.syn-vf__btn, .syn-vf__btn:hover, .syn-vf__btn:focus { height: 48px; min-width: 86px; padding: 0 20px; border: 0; border-radius: 10px; background: #1B6FD8; color: #fff; font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: all .2s; box-shadow: none; transform: none; }
.syn-vf__btn:disabled { opacity: .4; cursor: not-allowed; }

/* result cards (source: rounded-card p-7, white .92, blur 24, tinted 1.5px border + shadow; enter y12→0 .35s) */
.syn-vr { border-radius: 20px; padding: 28px; background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); animation: syn-vr-in .35s cubic-bezier(.16, 1, .3, 1); }
@keyframes syn-vr-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.syn-vr--verified { border: 1.5px solid rgba(20, 184, 126, .3); box-shadow: 0 8px 32px rgba(20, 184, 126, .1); }
.syn-vr--used { border: 1.5px solid rgba(217, 119, 6, .3); box-shadow: 0 8px 32px rgba(217, 119, 6, .1); }
.syn-vr--notfound { border: 1.5px solid rgba(220, 38, 38, .25); box-shadow: 0 8px 32px rgba(220, 38, 38, .08); }
.syn-vr--error { padding: 20px; border: 1.5px solid rgba(220, 38, 38, .25); animation-duration: .25s; }
.syn-vr__head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.syn-vr--verified .syn-vr__head { margin-bottom: 24px; }
.syn-vr__icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.syn-vr--verified .syn-vr__icon { background: rgba(20, 184, 126, .12); border: 1px solid rgba(20, 184, 126, .25); color: #14B87E; }
.syn-vr--used .syn-vr__icon { background: rgba(217, 119, 6, .12); border: 1px solid rgba(217, 119, 6, .3); color: #B45309; }
.syn-vr--notfound .syn-vr__icon { background: rgba(220, 38, 38, .1); border: 1px solid rgba(220, 38, 38, .25); color: #DC2626; }
.syn-vr__kicker { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 4px; line-height: 1.5; }
.syn-vr--verified .syn-vr__kicker { color: #14B87E; } .syn-vr--used .syn-vr__kicker { color: #B45309; } .syn-vr--notfound .syn-vr__kicker, .syn-vr--error .syn-vr__kicker { color: #DC2626; }
.syn-vr__title { font-size: 20px; line-height: 28px; font-weight: 600; color: #0D1117; }
.syn-vr__body { display: flex; flex-direction: column; gap: 12px; font-size: 13px; line-height: 1.625; color: #4A5568; margin-bottom: 20px; }
.syn-vr__body ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.syn-vr__body li { display: flex; align-items: flex-start; gap: 8px; }
.syn-vr__body li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; margin-top: 8px; background: rgba(220, 38, 38, .5); }
.syn-vr--used .syn-vr__body li::before { background: rgba(180, 83, 9, .5); }
.syn-vr__body a, .syn-vr__box a { color: #1B6FD8 !important; text-decoration: none; }
.syn-vr__body a:hover, .syn-vr__box a:hover { text-decoration: underline; }
.syn-vr__meta { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .08); display: flex; flex-direction: column; gap: 16px; }
.syn-vr--used .syn-vr__meta { padding-top: 16px; }
.syn-vr__lbl { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; color: #8A95A3; margin-bottom: 4px; line-height: 1.5; }
.syn-vr__val { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 12px; color: #0D1117; word-break: break-all; }
.syn-vr__note { font-size: 12px; line-height: 1.625; color: #4A5568; }
.syn-vr__box { border-radius: 12px; padding: 12px 16px; margin-bottom: 20px; background: rgba(220, 38, 38, .05); border: 1px solid rgba(220, 38, 38, .15); }
.syn-vr__box .syn-vr__lbl { color: #B91C1C; letter-spacing: .1em; margin-bottom: 8px; }
.syn-vr__box p { font-size: 12px; line-height: 1.625; color: #4A5568; }
.syn-verify__domain, .syn-vr__domain { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-weight: 600; color: #1B6FD8; }
.syn-vr__again, .syn-vr__again:hover, .syn-vr__again:focus { display: inline-block; margin-top: 24px; padding: 0; border: 0; background: transparent; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: #8A95A3; cursor: pointer; transition: color .2s; box-shadow: none; transform: none; }
.syn-vr__again:hover { color: #4A5568; }
.syn-vr--notfound .syn-vr__again, .syn-vr--error .syn-vr__again { margin-top: 0; }
.syn-vr--error .syn-vr__msg { font-size: 14px; line-height: 1.625; color: #4A5568; margin-bottom: 16px; }

/* info section: white, 84px padding, centred 30px h2, three 298px cards (gap 20) in a 934px row */
.syn-verify__info { padding: 76px 0 81px; background: #fff; }
@media (max-width: 767px) { .syn-verify__info { padding: 56px 0; } }
.syn-verify__inner--cards { max-width: 934px; }
.syn-verify h2.syn-verify__h2 { text-align: center; margin: 0 auto 38px; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: #0D1117; }
@media (min-width: 640px) { .syn-verify h2.syn-verify__h2 { font-size: 33px; } }
.syn-verify__grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 768px) { .syn-verify__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.syn-verify__card { border-radius: 18px; padding: 30px 28px 30px; background: #fff; border: 1px solid rgba(13, 17, 23, .05); box-shadow: 0 10px 40px rgba(30, 60, 114, .08), 0 1px 3px rgba(0, 0, 0, .03); }
.syn-verify__icon { display: block; height: 24px; margin-bottom: 30px; font-size: 20px; line-height: 24px; color: #1B6FD8; }
.syn-verify__icon--check { font-size: 24px; font-weight: 400; }
.syn-verify__icon--mail { color: #14B87E; display: flex; align-items: center; }
.syn-verify .syn-verify__card h3 { margin: 0 0 14px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: #0D1117; margin-bottom: 10px; }
.syn-verify__card p { font-size: 13.3px; line-height: 1.65; color: #4A5568; }
.syn-verify__card a { color: #4A5568 !important; text-decoration: none; }
.syn-verify__card a:hover { color: #1B6FD8 !important; text-decoration: underline; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }