:root{
  --bg:#0B131B; --panel:#111C27; --line:#24384A;
  --text:#E8EEF4; --muted:#8FA3B4;
  --accent:#F5A623; /* app.js overrides from site.config.json "accent" */
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:radial-gradient(1100px 600px at 50% -10%, #14212e 0%, var(--bg) 60%);
  color:var(--text);font:17px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  display:flex;flex-direction:column;align-items:center;
}
main{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:48px 20px;max-width:640px;
}
.shield-wrap{position:relative;width:88px;height:88px;margin-bottom:28px;color:var(--accent)}
.shield{width:100%;height:100%}
.shield-line{stroke-dasharray:230;stroke-dashoffset:230;animation:draw 1.4s .2s ease forwards}
.shield-check{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s 1.5s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.pulse{
  position:absolute;inset:-10px;border:2px solid var(--accent);border-radius:50%;
  opacity:0;animation:pulse 2.6s 2.2s ease-out infinite;
}
@keyframes pulse{0%{opacity:.45;transform:scale(.82)}70%{opacity:0;transform:scale(1.15)}100%{opacity:0}}
h1{font-size:clamp(30px,6vw,44px);margin:0 0 6px;letter-spacing:-.01em}
.tagline{color:var(--muted);font-size:clamp(16px,3vw,19px);margin:0 0 26px}
.status{
  color:var(--muted);font-size:15.5px;margin:0 0 30px;
  border:1px solid var(--line);border-radius:999px;padding:9px 20px;background:var(--panel);
}
.contact{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.chip{
  color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:10px;
  padding:10px 18px;background:var(--panel);font-size:15.5px;
}
.chip:hover{border-color:var(--accent)}
footer{padding:26px 16px}
.ww{
  display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:13px;
}
.ww svg{width:15px;height:15px;fill:var(--accent)}
.ww strong{color:var(--text);font-weight:600}
.ww:hover{color:var(--text)}
@media (prefers-reduced-motion: reduce){
  .shield-line,.shield-check{animation:none;stroke-dashoffset:0}
  .pulse{animation:none}
}
[hidden]{display:none !important}