@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 400; src: url("./fonts/be-vietnam-pro-vietnamese-400.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 400; src: url("./fonts/be-vietnam-pro-latin-400.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 500; src: url("./fonts/be-vietnam-pro-vietnamese-500.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+01A0-01B0, U+0300-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 500; src: url("./fonts/be-vietnam-pro-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 600; src: url("./fonts/be-vietnam-pro-vietnamese-600.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+01A0-01B0, U+0300-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 600; src: url("./fonts/be-vietnam-pro-latin-600.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 700; src: url("./fonts/be-vietnam-pro-vietnamese-700.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+01A0-01B0, U+0300-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 700; src: url("./fonts/be-vietnam-pro-latin-700.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 800; src: url("./fonts/be-vietnam-pro-vietnamese-800.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+01A0-01B0, U+0300-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 800; src: url("./fonts/be-vietnam-pro-latin-800.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 900; src: url("./fonts/be-vietnam-pro-vietnamese-900.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+01A0-01B0, U+0300-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-display: swap; font-weight: 900; src: url("./fonts/be-vietnam-pro-latin-900.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  --bg: #260302;
  --bg-soft: #3a0704;
  --surface-dark: #4d0b04;
  --paper: #fff7cf;
  --paper-bright: #fffdf1;
  --gold: #ffd31a;
  --gold-soft: #fff18a;
  --gold-deep: #e79b00;
  --red: #d0100f;
  --red-deep: #920000;
  --green: #15945a;
  --orange: #bf590d;
  --text: #fffdf3;
  --muted: #ead2c4;
  --ink: #33100b;
  --ink-muted: #755047;
  --line: rgba(255, 211, 26, 0.25);
  --radius-sm: 0.8rem;
  --radius-md: 1.15rem;
  --radius-lg: 1.65rem;
  --shell: 76rem;
  --shadow-card: 0 2rem 5.5rem rgba(0, 0, 0, 0.45);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 0; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--text); background: var(--bg); font-family: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif; font-weight: 500; line-height: 1.55; text-rendering: optimizeLegibility; }
button, input { font: inherit; }
img, svg { display: block; }
svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.shell { width: min(calc(100% - 2.5rem), var(--shell)); margin-inline: auto; }

.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 100; min-height: 2.75rem; padding: .65rem 1rem; transform: translateY(-180%); border-radius: .6rem; color: #231600; background: var(--gold-soft); font-weight: 800; }
.skip-link:focus { transform: translateY(0); }
.site-header { position: relative; z-index: 5; border-bottom: 1px solid rgba(255,211,26,.42); background: linear-gradient(180deg, rgba(139,0,0,.98), rgba(91,0,0,.98)); box-shadow: 0 .45rem 1.5rem rgba(38,3,2,.34); backdrop-filter: blur(14px); }
.site-header::before { position: absolute; inset: 0 0 auto; height: .18rem; background: linear-gradient(90deg, #ff9c3d, #ffd437 48%, #ff8a2b); content: ""; }
.header-shell { display: flex; min-height: 5rem; align-items: center; justify-content: space-between; gap: 1.5rem; }
.brand { display: inline-flex; min-width: 0; align-items: center; gap: .9rem; color: var(--text); text-decoration: none; }
.brand img { width: 9.6rem; height: auto; filter: drop-shadow(0 .3rem .7rem rgba(38,3,2,.42)); }
.brand__divider { width: 1px; height: 1.8rem; background: rgba(255,255,255,.22); }
.brand__label { color: #fff4cb; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.system-status { display: flex; align-items: center; gap: .6rem; color: #fff1d5; font-size: .82rem; font-weight: 600; }
.system-status__dot { width: .58rem; height: .58rem; flex: 0 0 auto; border-radius: 50%; background: #918985; box-shadow: 0 0 0 .22rem rgba(145,137,133,.14); }
.system-status[data-state="ready"] .system-status__dot { background: #32ca81; box-shadow: 0 0 0 .22rem rgba(50,202,129,.15); }
.system-status[data-state="error"] .system-status__dot { background: #ff665e; box-shadow: 0 0 0 .22rem rgba(255,102,94,.16); }

.hero { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(3rem, 7vw, 6.5rem); border-bottom: 1px solid rgba(255,211,26,.14); background: linear-gradient(125deg, rgba(38,3,2,.98), rgba(77,11,4,.95)), repeating-linear-gradient(125deg, transparent 0 72px, rgba(255,211,26,.022) 72px 73px); }
.hero::before { position: absolute; inset: 0; z-index: -2; opacity: .28; background-image: radial-gradient(rgba(255,255,255,.22) .65px, transparent .65px); background-size: 5px 5px; content: ""; }
.hero__glow { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
.hero__glow--gold { top: -19rem; left: 37%; width: 44rem; height: 44rem; background: radial-gradient(circle, rgba(255,191,38,.32), transparent 68%); }
.hero__glow--red { right: -13rem; bottom: -18rem; width: 38rem; height: 38rem; background: radial-gradient(circle, rgba(208,16,15,.32), transparent 68%); }
.hero-shell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(2.5rem, 5vw, 4rem); }
.hero-copy, .checker-card { min-width: 0; }
.eyebrow, .section-kicker, .result__eyebrow { margin: 0; font-size: .72rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1.1rem; color: var(--gold-soft); }
.eyebrow__icon { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(255,214,61,.34); border-radius: 50%; background: rgba(255,214,61,.08); }
.eyebrow__icon svg { width: 1.05rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 41rem; margin-bottom: 1.25rem; font-size: clamp(2.5rem, 4.25vw, 4rem); font-weight: 800; line-height: 1.01; letter-spacing: -.055em; }
h1 span { color: var(--gold); white-space: nowrap; text-shadow: 0 .16rem 1.1rem rgba(208,16,15,.5); }
.hero-copy__lead { max-width: 36rem; margin-bottom: 2rem; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.08rem); }
.assurance-list { display: grid; max-width: 39rem; gap: .9rem; margin: 0; padding: 0; list-style: none; }
.assurance-list li { display: grid; grid-template-columns: 2.45rem minmax(0,1fr); align-items: start; gap: .85rem; color: #a99d98; font-size: .85rem; }
.assurance-list__icon { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; border: 1px solid rgba(255,214,61,.25); border-radius: .75rem; color: var(--gold); background: rgba(255,214,61,.06); }
.assurance-list__icon svg { width: 1.15rem; height: 1.15rem; }
.assurance-list strong { display: block; margin-bottom: .08rem; color: var(--text); font-size: .91rem; }

.checker-card { position: relative; overflow: hidden; padding: clamp(1.35rem, 3vw, 2.2rem); border: 1px solid rgba(255,211,26,.7); border-radius: var(--radius-lg); color: var(--ink); background: radial-gradient(circle at 100% 0, rgba(255,177,30,.28), transparent 38%), linear-gradient(145deg, #fffbe4, var(--paper)); box-shadow: var(--shadow-card), 0 0 0 .35rem rgba(208,16,15,.09); }
.checker-card__accent { position: absolute; top: 0; right: 0; left: 0; height: .36rem; background: linear-gradient(90deg, #ff9a32 0 30%, var(--gold) 30% 72%, var(--red) 72%); }
.checker-card__header { display: flex; align-items: center; gap: .9rem; margin-bottom: .65rem; }
.checker-card__icon { display: grid; width: 3.15rem; height: 3.15rem; flex: 0 0 auto; place-items: center; border-radius: .95rem; color: var(--gold-soft); background: linear-gradient(145deg, #ad0908, #680000); box-shadow: inset 0 0 0 1px rgba(255,241,138,.32), 0 .45rem 1rem rgba(77,11,4,.24); }
.checker-card__icon svg { width: 1.65rem; }
.section-kicker { margin-bottom: .18rem; color: #8a6800; }
.checker-card h2 { margin: 0; font-size: clamp(1.4rem, 2.5vw, 1.85rem); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; }
.checker-card__intro { margin-bottom: 1.15rem; color: var(--ink-muted); font-size: .9rem; }
.verification-form { position: relative; padding: 1.2rem; overflow: hidden; border: 1px solid #ddc06d; border-radius: var(--radius-md); color: var(--ink); background: linear-gradient(145deg, #fffef8, #fff7d7); box-shadow: 0 1rem 2.2rem rgba(77,11,4,.14), inset 0 1px 0 #fff; }
.verification-form::before { position: absolute; inset: 0 0 auto; height: .28rem; background: linear-gradient(90deg, #920000 0 28%, #d0100f 28% 64%, #ffd31a 64%); content: ""; }
.verification-form::after { position: absolute; top: -5.5rem; right: -4.5rem; width: 13rem; height: 13rem; border-radius: 50%; background: radial-gradient(circle, rgba(255,211,26,.22), transparent 68%); content: ""; pointer-events: none; }
.form-heading { position: relative; z-index: 1; display: flex; align-items: center; gap: .85rem; margin: .15rem 0 1rem; padding-bottom: .85rem; border-bottom: 1px solid rgba(146,0,0,.12); }
.form-heading__number { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border: 1px solid #7d0000; border-radius: .85rem; color: #fff; background: linear-gradient(145deg, #d91b17, #850000); box-shadow: 0 .4rem .9rem rgba(111,0,0,.24), inset 0 1px 0 rgba(255,255,255,.25); font-size: .72rem; font-weight: 900; }
.verification-form label { display: block; margin-bottom: .1rem; color: #48130d; font-size: .92rem; font-weight: 900; }
.form-heading p { margin: 0; color: #82645a; font-size: .72rem; }
.verification-controls { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .5rem; padding: .38rem; border: 1px solid #d4b04c; border-radius: .95rem; background: #f4e9c7; box-shadow: inset 0 1px 2px rgba(89,53,0,.08), 0 0 0 3px rgba(255,211,26,.08); transition: border-color 160ms ease, box-shadow 160ms ease; }
.verification-controls:focus-within { border-color: #9c7500; box-shadow: inset 0 1px 2px rgba(89,53,0,.08), 0 0 0 4px rgba(255,211,26,.2); }
.input-wrap { position: relative; min-width: 0; }
.input-wrap > svg { position: absolute; top: 50%; left: 1rem; width: 1.3rem; height: 1.3rem; transform: translateY(-50%); color: #8b6700; pointer-events: none; }
input { width: 100%; min-width: 0; min-height: 3.5rem; padding: .85rem 1rem .85rem 3rem; border: 0; border-radius: .65rem; outline: none; color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px rgba(100,69,0,.2), 0 .2rem .5rem rgba(84,48,0,.06); font-size: 1rem; font-weight: 700; }
input::placeholder { color: #77716b; opacity: 1; }
input:hover:not(:disabled) { border-color: #8e731a; }
input:focus-visible { box-shadow: inset 0 0 0 2px #725600; }
input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px #c72b22; }
button { display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; gap: .55rem; padding-inline: 1.25rem; border: 1px solid #740000; border-radius: .65rem; color: #fff; background: linear-gradient(180deg, #df1d19, #920000); box-shadow: 0 .5rem 1rem rgba(111,0,0,.24), inset 0 1px 0 rgba(255,255,255,.25); cursor: pointer; font-size: .9rem; font-weight: 900; white-space: nowrap; transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease; }
button svg { width: 1.1rem; }
button:hover:not(:disabled) { background: linear-gradient(180deg, #ef2e29, #a60000); box-shadow: 0 .75rem 1.35rem rgba(111,0,0,.32); transform: translateY(-2px); }
button:active:not(:disabled) { transform: translateY(1px); }
button:focus-visible, .brand:focus-visible, .error-card a:focus-visible, .skip-link:focus-visible { outline: 3px solid var(--gold-soft); outline-offset: 3px; }
button[data-loading="true"]::before { width: 1rem; height: 1rem; border: 2px solid rgba(255,255,255,.34); border-top-color: #fff; border-radius: 50%; animation: spin 700ms linear infinite; content: ""; }
button[data-loading="true"] svg { display: none; }
button:disabled, input:disabled { cursor: not-allowed; opacity: .55; }
.form-support { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem 1rem; margin-top: .7rem; padding-inline: .15rem; }
.input-message, .trust-hint { margin: 0; color: #765e55; font-size: .72rem; }
.input-message[data-error="true"] { color: #9d0e09; font-weight: 800; }
.trust-hint { display: flex; flex: 0 0 auto; align-items: center; gap: .3rem; color: #336346; font-weight: 800; }
.trust-hint svg { width: .9rem; }

.result { position: relative; display: grid; min-height: 10.5rem; grid-template-columns: 8.4rem minmax(0,1fr); margin-top: 1rem; padding: 0; overflow: hidden; border: 1px solid #d7c58c; border-radius: var(--radius-md); background: #fffdf6; box-shadow: 0 .7rem 1.6rem rgba(77,11,4,.1); transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.result::before { position: absolute; inset: 0 0 auto; z-index: 2; height: .25rem; background: linear-gradient(90deg, #777, #aaa); content: ""; }
.result::after { position: absolute; top: -45%; left: -35%; width: 24%; height: 190%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.76), transparent); content: ""; opacity: 0; pointer-events: none; }
.result__status-row { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; padding: 1.35rem .85rem 1.1rem; color: #fff; background: linear-gradient(160deg, #5f5b58, #383432); text-align: center; }
.result__status-row::after { position: absolute; top: 50%; right: -.45rem; width: .9rem; height: .9rem; transform: translateY(-50%) rotate(45deg); background: inherit; content: ""; }
.result__icon { position: relative; z-index: 1; display: grid; width: 3.3rem; height: 3.3rem; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 1rem; color: #fff; background: rgba(255,255,255,.14); box-shadow: 0 .45rem 1rem rgba(35,20,15,.2), inset 0 1px 0 rgba(255,255,255,.2); font-family: Arial, sans-serif; font-size: 1.4rem; font-weight: 900; line-height: 1; }
.result__icon::after { position: absolute; inset: -.2rem; border: 2px solid currentColor; border-radius: inherit; content: ""; opacity: 0; }
.result__status-copy { position: relative; z-index: 1; min-width: 0; }
.result__status-copy > span { display: block; margin-bottom: .38rem; color: rgba(255,255,255,.68); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.result__eyebrow { display: block; min-height: 0; padding: 0; border: 0; color: #fff; background: transparent; font-size: .68rem; line-height: 1.35; }
.result__body { position: relative; z-index: 1; min-width: 0; align-self: center; padding: 1.35rem 1.3rem 1.2rem 1.55rem; }
.result h3 { margin-bottom: .45rem; font-size: 1.08rem; font-weight: 800; line-height: 1.32; letter-spacing: -.015em; }
.result__body > p { margin-bottom: 0; color: var(--ink-muted); font-size: .81rem; line-height: 1.62; }
.result__domain { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .9rem; padding: .68rem .75rem; border: 1px dashed currentColor; border-radius: .65rem; background: rgba(255,255,255,.58); }
.result__domain[hidden], .result__note[hidden] { display: none; }
.result__domain > span { flex: 0 0 auto; color: var(--ink-muted); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.result__hostname { min-width: 0; max-width: 100%; padding: .28rem .5rem; overflow-wrap: anywhere; border: 1px solid currentColor; border-radius: .45rem; color: inherit; background: rgba(255,255,255,.76); font-size: .76rem; font-weight: 800; text-align: right; }
.result__note { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid currentColor; opacity: .78; }
.result[data-state="loading"] .result__icon, .result[data-state="validating"] .result__icon { animation: pulse 800ms ease-in-out infinite alternate; }
.result[data-state="trusted"] { border-color: rgba(21,148,90,.55); color: #07512d; background: linear-gradient(110deg, #fffdf6, #e9fbf1); box-shadow: 0 .8rem 1.8rem rgba(8,118,62,.1); }
.result[data-state="trusted"]::before { background: linear-gradient(90deg, #35db8d, #08763e); }
.result[data-state="trusted"] .result__status-row { background: linear-gradient(160deg, #1dbb70, #08763e); }
.result[data-state="trusted"] .result__icon { background: rgba(255,255,255,.15); box-shadow: 0 .55rem 1.2rem rgba(4,72,37,.3), inset 0 1px 0 rgba(255,255,255,.25); }
.result[data-state="trusted"] .result__eyebrow { color: #fff; }
.result[data-state="trusted"] h3 { color: #075b32; }
.result[data-state="trusted"].result--animate-trusted { animation: trusted-card-enter 720ms cubic-bezier(.2,.82,.25,1) both; }
.result[data-state="trusted"].result--animate-trusted::after { animation: success-sheen 780ms ease-out 180ms both; }
.result[data-state="trusted"].result--animate-trusted .result__icon { animation: success-icon-pop 620ms cubic-bezier(.2,.9,.25,1.35) 70ms both; }
.result[data-state="trusted"].result--animate-trusted .result__icon::after { animation: success-ring 780ms ease-out 180ms both; }
.result[data-state="untrusted"], .result[data-state="invalid"] { border-color: rgba(191,89,13,.55); color: #713007; background: linear-gradient(110deg, #fffdf6, #fff0df); box-shadow: 0 .8rem 1.8rem rgba(185,80,13,.09); }
.result[data-state="untrusted"]::before, .result[data-state="invalid"]::before { background: linear-gradient(90deg, #f1a242, var(--orange)); }
.result[data-state="untrusted"] .result__status-row, .result[data-state="invalid"] .result__status-row { background: linear-gradient(160deg, #ed8a28, #a74308); }
.result[data-state="untrusted"] .result__icon, .result[data-state="invalid"] .result__icon { background: rgba(255,255,255,.14); font-size: 1.9rem; }
.result[data-state="untrusted"] .result__eyebrow, .result[data-state="invalid"] .result__eyebrow { color: #fff; }
.result[data-state="untrusted"] h3, .result[data-state="invalid"] h3 { color: #7a3105; }
.result[data-state="untrusted"].result--animate-warning, .result[data-state="invalid"].result--animate-warning { animation: warning-card-enter 560ms cubic-bezier(.2,.78,.3,1) both; }
.result[data-state="data-error"] { border-color: rgba(198,43,34,.45); color: #791018; background: #fff1f0; }
.result[data-state="data-error"]::before { background: var(--red); }
.result[data-state="data-error"] .result__status-row { background: linear-gradient(160deg, #d52b26, #850603); }
.result[data-state="data-error"] .result__eyebrow { color: #fff; }

.steps { padding-block: clamp(3.5rem, 7vw, 6rem); background: radial-gradient(circle at 14% 0, rgba(255,177,30,.16), transparent 25rem), linear-gradient(180deg, #4d0b04, #2a0302); }
.section-heading { max-width: 43rem; margin-bottom: 2rem; }
.section-heading h2 { margin-bottom: .55rem; font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.1; letter-spacing: -.035em; }
.section-heading > p:last-child { margin: 0; color: var(--muted); }
.steps .section-kicker { color: var(--gold); }
.steps-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.5rem,4vw,4rem); margin: 0; padding: 0; list-style: none; }
.steps-grid::before { position: absolute; top: 1.7rem; right: 8%; left: 8%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,211,26,.82) 12% 88%, transparent); content: ""; }
.steps-grid li { position: relative; min-width: 0; padding: 0; text-align: center; transition: transform 160ms ease; }
.steps-grid li:hover { transform: translateY(-3px); }
.steps-grid li > div { margin-top: 1rem; padding: 1.25rem 1rem 0; border-top: 1px solid rgba(255,211,26,.18); }
.step-number { position: relative; z-index: 1; display: grid; width: 3.5rem; height: 3.5rem; margin-inline: auto; place-items: center; border: 2px solid var(--gold); border-radius: 50%; color: #4b0904; background: linear-gradient(180deg, #fff4a6, var(--gold)); box-shadow: 0 0 0 .5rem #4d0b04, 0 .6rem 1.3rem rgba(30,0,0,.3); font-size: .78rem; font-weight: 900; }
.steps-grid li:nth-child(2) .step-number { color: #fff; border-color: #ff756e; background: linear-gradient(180deg, #dc1b18, #8b0000); }
.steps-grid h3 { margin-bottom: .4rem; color: #fff; font-size: 1.03rem; }
.steps-grid p { margin: 0; color: var(--muted); font-size: .82rem; }
.safety-note { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 1rem; margin-top: 2.25rem; padding: 1.2rem 1.35rem; border: 1px solid #e5a500; border-radius: var(--radius-md); color: #3e1305; background: linear-gradient(110deg, #ffd31a, #fff0a0 58%, #ffd04b); box-shadow: 0 .9rem 2rem rgba(35,0,0,.22); }
.safety-note__icon { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid rgba(126,0,0,.28); border-radius: 1rem; color: #fff; background: linear-gradient(145deg, #d0100f, #840000); box-shadow: 0 .4rem .9rem rgba(89,0,0,.24); }
.safety-note__icon svg { width: 1.5rem; }
.safety-note h2 { margin-bottom: .25rem; color: #4f0b04; font-size: 1rem; }
.safety-note p { margin: 0; color: #653a26; font-size: .83rem; }
.site-footer { border-top: 1px solid rgba(255,211,26,.28); background: #210201; }
.footer-shell { display: flex; min-height: 7rem; align-items: center; justify-content: space-between; gap: 2rem; }
.footer-brand { display: flex; align-items: center; gap: 1rem; }
.footer-brand img { width: 7rem; height: auto; }
.footer-brand p, .footer-note { max-width: 27rem; margin: 0; color: #9d918b; font-size: .75rem; }
.footer-note { text-align: right; }
.error-page { display: grid; min-height: 100vh; place-items: center; padding: 1rem; background: radial-gradient(circle at 50% 10%, rgba(255,177,30,.25), transparent 24rem), linear-gradient(160deg, #4d0b04, var(--bg)); }
.error-card { width: min(100%,34rem); padding: clamp(1.5rem,6vw,3rem); border: 1px solid rgba(255,214,61,.42); border-radius: var(--radius-lg); color: var(--ink); background: var(--paper); box-shadow: var(--shadow-card); text-align: center; }
.error-card img { width: 10rem; height: auto; margin: 0 auto 1.5rem; }
.error-card h1 { margin-bottom: .65rem; font-size: clamp(2rem,9vw,3.8rem); }
.error-card p:not(.section-kicker) { color: var(--ink-muted); }
.error-card a { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; margin-top: .5rem; padding-inline: 1.1rem; border-radius: var(--radius-sm); color: var(--ink); background: var(--gold); font-weight: 800; text-decoration: none; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse { from { opacity: .45; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
@keyframes trusted-card-enter { 0% { opacity: .45; transform: translateY(.55rem) scale(.985); } 60% { border-color: rgba(8,118,62,.78); box-shadow: 0 0 0 .42rem rgba(34,185,107,.12), 0 1rem 2rem rgba(8,118,62,.14); transform: translateY(-.08rem) scale(1.005); } 100% { opacity: 1; transform: none; } }
@keyframes success-icon-pop { 0% { opacity: 0; transform: scale(.45) rotate(-18deg); } 68% { opacity: 1; transform: scale(1.16) rotate(4deg); } 100% { opacity: 1; transform: none; } }
@keyframes success-ring { 0% { opacity: .6; transform: scale(.72); } 100% { opacity: 0; transform: scale(1.65); } }
@keyframes success-sheen { 0% { left: -35%; opacity: 0; } 18% { opacity: .8; } 100% { left: 118%; opacity: 0; } }
@keyframes warning-card-enter { 0% { opacity: .5; transform: translateY(.35rem); } 35% { transform: translateX(-.18rem); } 55% { transform: translateX(.14rem); } 75% { transform: translateX(-.06rem); } 100% { opacity: 1; transform: none; } }

@media (max-width: 1080px) and (min-width: 961px) { .verification-controls { grid-template-columns: 1fr; } button { width: 100%; } }
@media (max-width: 960px) { .hero-shell { grid-template-columns: 1fr; gap: 2.5rem; } .hero-copy { max-width: 45rem; } .checker-card { width: min(100%,45rem); } }
@media (max-width: 680px) {
  .shell { width: min(calc(100% - 1.5rem), var(--shell)); }
  .header-shell { min-height: 4.4rem; }
  .brand img { width: 8rem; }
  .brand__label { font-size: .67rem; }
  .system-status { display: none; }
  .hero { padding-block: 1.5rem 3.25rem; }
  .hero-shell { gap: 2rem; }
  .checker-card { order: -1; }
  h1 { font-size: clamp(2.15rem,12vw,3.3rem); }
  .assurance-list { display: none; }
  .hero-copy__lead { margin-bottom: 0; }
  .verification-controls { grid-template-columns: 1fr; }
  button, input { min-height: 3.65rem; }
  button { width: 100%; }
  .form-support { flex-direction: column; }
  .result { grid-template-columns: 1fr; padding: 0; }
  .result__status-row { min-height: 5.5rem; flex-direction: row; justify-content: flex-start; padding: 1.1rem 1.2rem; text-align: left; }
  .result__status-row::after { top: auto; right: auto; bottom: -.4rem; left: 2.2rem; transform: rotate(45deg); }
  .result__icon { width: 3rem; height: 3rem; border-radius: .85rem; }
  .result__body { padding: 1.25rem 1.15rem 1.15rem; }
  .steps-grid { grid-template-columns: 1fr; gap: 0; }
  .steps-grid::before { top: 1.65rem; right: auto; bottom: 1.65rem; left: 1.65rem; width: 2px; height: auto; background: linear-gradient(180deg, transparent, rgba(255,211,26,.82) 10% 90%, transparent); }
  .steps-grid li { display: grid; grid-template-columns: 3.3rem minmax(0,1fr); gap: 1rem; padding-block: .8rem; text-align: left; }
  .steps-grid li > div { margin: 0; padding: .55rem 0 1.1rem; border-top: 0; border-bottom: 1px solid rgba(255,211,26,.16); }
  .step-number { width: 3.3rem; height: 3.3rem; margin: 0; box-shadow: 0 0 0 .35rem #4d0b04, 0 .5rem 1rem rgba(30,0,0,.28); }
  .safety-note { margin-top: 1.5rem; }
  .footer-shell, .footer-brand { flex-direction: column; align-items: flex-start; }
  .footer-shell { justify-content: center; gap: .75rem; padding-block: 1.5rem; }
  .footer-brand { gap: .55rem; }
  .footer-note { text-align: left; }
}
@media (max-width: 380px) {
  .shell { width: min(calc(100% - 1rem), var(--shell)); }
  .brand__divider, .brand__label { display: none; }
  .checker-card { padding: 1rem; border-radius: 1.1rem; }
  .checker-card__header { align-items: flex-start; }
  .checker-card__icon { width: 2.7rem; height: 2.7rem; }
  .verification-form { padding: .75rem; }
  .result__domain { align-items: flex-start; flex-direction: column; gap: .4rem; }
  .result__hostname { width: 100%; text-align: left; }
  .safety-note { align-items: start; padding: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}