/* EW Quality Security — páginas legais e de verificação (design system v2) */
:root{
  color-scheme:dark;
  --bg-primary:#0A0B0D;
  --bg-surface:#131417;
  --bg-surface-alt:#1B1D22;
  --bg-soft:#0E1013;
  --metal-silver:#C7CCD1;
  --metal-silver-dark:#6B7178;
  --metal-shine:#F2F4F6;
  --accent-cyan:#21D4FD;
  --accent-cyan-dim:#0E7A8C;
  --accent-soft:rgba(33,212,253,.08);
  --on-accent:#042028;
  --text-primary:#F2F4F6;
  --text-secondary:#9AA1A9;
  --text-muted:#87909A;
  --text-faint:#5C6169;
  --sev-crit:#F87171;
  --sev-alta:#FBBF24;
  --font-display:'Rajdhani','Inter',system-ui,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --cut-sm:8px; --cut-md:10px; --cut-lg:16px; --cut-xl:20px;
  --bevel:linear-gradient(135deg,var(--metal-silver-dark),var(--metal-shine) 45%,var(--metal-silver-dark)) border-box;
  --bevel-cyan:linear-gradient(135deg,var(--accent-cyan-dim),var(--accent-cyan) 55%,var(--accent-cyan-dim)) border-box;
  --container:920px; --nav-h:68px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-color:var(--metal-silver-dark) var(--bg-primary);scrollbar-width:thin}
::selection{background:rgba(33,212,253,.25);color:var(--text-primary)}
body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img,svg{display:block}
:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}
.skip-link{position:fixed;top:-48px;left:16px;z-index:1000;background:var(--accent-cyan);color:var(--on-accent);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding:10px 16px;clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));transition:top .2s ease}
.skip-link:focus{top:12px}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.mono{font-family:var(--font-mono)}
.ph{color:var(--sev-alta);border-bottom:1px dashed rgba(251,191,36,.55);font-family:var(--font-mono);font-size:.9em;padding:0 2px;white-space:nowrap;font-weight:500}

.navbar{position:sticky;top:0;z-index:800;background:rgba(10,11,13,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(107,113,120,.45)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:20px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px}
.brand svg{width:24px;height:24px;flex:none;filter:drop-shadow(0 0 6px rgba(33,212,253,.25))}
.brand-name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:15px}
.brand-name span{color:var(--accent-cyan)}
.brand-sub{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:1px}
.nav-back{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--metal-silver-dark);clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));transition:color .2s ease,border-color .2s ease}
.nav-back:hover{color:var(--accent-cyan);border-color:rgba(33,212,253,.45)}
.nav-back svg{width:14px;height:14px}

main{padding:72px 0 96px}
.page-head{margin-bottom:44px}
.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--metal-silver-dark),var(--accent-cyan-dim))}
h1{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.12;margin-bottom:14px}
.page-lead{color:var(--text-secondary);font-size:1.02rem;max-width:62ch}
.page-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:18px;padding-top:16px;border-top:1px solid rgba(107,113,120,.35)}

.card{background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--bevel);border:1px solid transparent;clip-path:polygon(var(--cut-lg) 0,100% 0,100% calc(100% - var(--cut-lg)),calc(100% - var(--cut-lg)) 100%,0 100%,0 var(--cut-lg));padding:34px 38px;margin-bottom:24px}
.card h2{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:1.12rem;color:var(--accent-cyan);margin:34px 0 14px}
.card h2:first-child{margin-top:0}
.card h3{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--text-primary);margin:24px 0 10px}
.card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:14px}
.card p:last-child{margin-bottom:0}
.card a{color:var(--accent-cyan)}
.card a:hover{text-decoration:underline}
.card ul{list-style:none;margin:0 0 16px;display:grid;gap:10px}
.card li{display:flex;gap:12px;align-items:flex-start;color:var(--text-secondary);font-size:.93rem}
.card li svg{width:16px;height:16px;flex:none;color:var(--accent-cyan);margin-top:4px}
.card li b{color:var(--text-primary);font-weight:600}
.toc{display:grid;gap:8px;margin:0 0 6px}
.toc a{font-family:var(--font-mono);font-size:12.5px;color:var(--text-secondary);padding:8px 12px;border:1px solid rgba(107,113,120,.35);background:var(--bg-primary);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:color .2s ease,border-color .2s ease}
.toc a:hover{color:var(--accent-cyan);border-color:rgba(33,212,253,.45)}
.last-updated{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:6px}

/* página de verificação */
.verify-wrap{max-width:560px;margin:0 auto;text-align:center}
.verify-card{margin-top:28px;text-align:left}
.verify-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.verify-input{width:100%;background:var(--bg-surface);border:1px solid var(--metal-silver-dark);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:11px 14px;min-height:46px;clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));transition:border-color .2s ease}
.verify-input:focus{outline:none;border-color:var(--accent-cyan)}
.verify-result{display:none;margin-top:14px;padding:16px 18px;border:1px solid;clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));font-family:var(--font-mono);font-size:12.5px;line-height:1.6}
.verify-result.show{display:block}
.verify-result.ok{color:var(--accent-cyan);border-color:rgba(33,212,253,.4);background:var(--accent-soft)}
.verify-result.err{color:var(--sev-alta);border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08)}
.verify-hint{margin-top:14px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);text-align:left}
.seal-demo{margin:24px auto 8px;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(33,212,253,.18))}

.footer{border-top:1px solid rgba(107,113,120,.45);padding:36px 0}
.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.78rem;color:var(--text-muted)}
.footer a{color:var(--accent-cyan)}

@media (max-width:768px){
  main{padding:52px 0 72px}
  .card{padding:26px 22px}
  .verify-form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}