:root{
  --bg:#05070a;
  --panel:#0a1119;
  --text:#f3f7fb;
  --muted:#91a0b2;
  --cyan:#53e8ff;
  --green:#69f2c2;
  --red:#ff7f86;
  --line:rgba(83,232,255,.18);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;overflow-x:hidden}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(circle at 15% 0%,rgba(31,151,223,.15),transparent 34%),
radial-gradient(circle at 88% 90%,rgba(83,232,255,.07),transparent 27%),
linear-gradient(180deg,#07111b 0%,#05070a 74%)}
.hero-shell,.verify-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.hero-card,.verify-card{width:min(920px,100%);position:relative;overflow:hidden;border:1px solid var(--line);
background:linear-gradient(180deg,rgba(13,21,31,.94),rgba(6,10,15,.97));
box-shadow:0 35px 100px rgba(0,0,0,.42)}
.hero-card{padding:clamp(28px,7vw,72px);min-height:min(700px,88vh);display:flex;flex-direction:column;justify-content:center;
animation:cardEnter .8s .15s cubic-bezier(.2,.8,.2,1) both}
.hero-card::after,.verify-card::after{content:"";position:absolute;inset:-3px;pointer-events:none;
background:linear-gradient(112deg,transparent 20%,rgba(83,232,255,.07) 48%,transparent 66%);
transform:translateX(-130%);animation:sweep 6.5s 1.3s ease-in-out infinite}
@keyframes sweep{0%,28%{transform:translateX(-130%)}63%,100%{transform:translateX(130%)}}
@keyframes cardEnter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.official-lockup{width:min(570px,82vw);height:auto;display:block;filter:drop-shadow(0 0 20px rgba(83,232,255,.08))}
.scanline{height:1px;background:linear-gradient(90deg,var(--cyan),rgba(83,232,255,.16),transparent);margin:34px 0 34px;position:relative}
.scanline span{position:absolute;left:0;top:-2px;width:48px;height:5px;background:var(--cyan);
box-shadow:0 0 20px rgba(83,232,255,.75);animation:pulseBar 2.3s ease-in-out infinite}
@keyframes pulseBar{0%,100%{width:48px;opacity:.95}50%{width:84px;opacity:.65}}
.eyebrow{font-size:11px;letter-spacing:.29em;color:var(--cyan);font-weight:800;margin:0 0 16px}
.hero-card h1{font-size:clamp(40px,7vw,72px);line-height:1.02;letter-spacing:-.04em;max-width:9ch;margin:0 0 28px}
.lede{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:39em;line-height:1.55}
.status-row,footer{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-top:24px}
.status-row i,footer i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(105,242,194,.75)}
.splash{position:fixed;inset:0;z-index:30;background:#05070a;display:grid;place-items:center;align-content:center;gap:15px;
transition:opacity .48s ease,visibility .48s ease}
.splash.hide{opacity:0;visibility:hidden}
.splash-mark{width:96px;height:auto;filter:drop-shadow(0 0 28px rgba(83,232,255,.26));animation:markIn .7s cubic-bezier(.2,.8,.2,1) both}
.splash-beam{height:1px;width:0;background:var(--cyan);box-shadow:0 0 18px rgba(83,232,255,.8);animation:beamIn .75s .22s forwards}
.splash p{font-size:10px;letter-spacing:.34em;color:var(--muted);font-weight:800;margin:0;animation:textIn .65s .32s both}
@keyframes markIn{from{opacity:0;transform:scale(.68) rotate(-6deg)}to{opacity:1;transform:none}}
@keyframes beamIn{to{width:160px}}
@keyframes textIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.verify-card{max-width:780px;padding:clamp(20px,5vw,48px);animation:cardEnter .65s .12s both}
.verify-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.verify-lockup{width:min(350px,66vw);height:auto}
.record-chip{font-size:9px;letter-spacing:.2em;color:var(--cyan);border:1px solid rgba(83,232,255,.25);border-radius:999px;padding:8px 11px;white-space:nowrap;background:rgba(83,232,255,.045)}
.result{text-align:center;padding:38px 0 30px}
.verified-ring{width:96px;height:96px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;
border:1px solid rgba(83,232,255,.34);box-shadow:0 0 0 14px rgba(83,232,255,.03),0 0 50px rgba(83,232,255,.11);
animation:ringIn .75s .5s both}
.verified-ring span{font-size:48px;color:var(--green);font-weight:900;animation:checkIn .5s .9s both}
@keyframes ringIn{from{opacity:0;transform:scale(.58)}to{opacity:1;transform:none}}
@keyframes checkIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.result h1{font-size:clamp(30px,6vw,50px);margin:0 0 10px;letter-spacing:-.03em}
.result-copy{color:var(--muted);max-width:38em;margin:auto;line-height:1.55}
.product-row{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.field-label{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted);font-weight:800;margin-bottom:7px}
.product-row h2{font-size:clamp(28px,6vw,46px);margin:0;letter-spacing:-.025em}
.product-row p{margin:6px 0 0;color:var(--muted)}
.strength{text-align:right}.strength strong{font-size:clamp(28px,6vw,44px);color:var(--cyan)}
.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.record-grid article{padding:18px;background:rgba(5,7,10,.94)}
.record-grid span{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}
.record-grid strong{font-size:15px}.record-grid .wide{grid-column:1/-1}
.record-error .verified-ring{border-color:rgba(255,127,134,.35);box-shadow:0 0 0 14px rgba(255,127,134,.03),0 0 50px rgba(255,127,134,.1)}
.record-error .verified-ring span,.record-error .eyebrow{color:var(--red)}
@media(max-width:620px){
.hero-shell,.verify-shell{padding:12px}.hero-card,.verify-card{border-radius:18px}.hero-card{min-height:calc(100vh - 24px)}
.official-lockup{width:94%}.verify-lockup{width:68%}.verify-header{align-items:flex-start}
.record-chip{font-size:7.5px;padding:7px 9px}.product-row{align-items:flex-start}
.record-grid{grid-template-columns:1fr}.record-grid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.splash{display:none}}