/* Forest-green visual system: loaded after style.css to keep this theme green. */
:root{--forest:#103f35;--forest-2:#0a2e27;--leaf:#6fa379;--gold:#d7ad65;--cream:#fff9ed;--ink:#1d302c;--muted:#60736b}
html{background:var(--forest-2)}
body{color:var(--cream);background:radial-gradient(circle at 84% 9%,rgba(102,160,119,.30),transparent 23rem),radial-gradient(circle at 7% 84%,rgba(215,173,101,.16),transparent 27rem),linear-gradient(135deg,#123f35 0%,#0b2f28 55%,#092822 100%)}
body::before,body::after{border-color:rgba(224,241,222,.14)}
.brand{background:rgba(251,247,237,.96);border:0;box-shadow:0 10px 25px rgba(0,0,0,.16)}
.brand-copy{color:var(--forest)}
.status{color:#dcebd9;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11)}
.pulse{background:#92d191;box-shadow:0 0 0 0 rgba(146,209,145,.75)}
.eyebrow{color:#ddc28c}h1{color:var(--cream)}h1 em{color:#dceccf}.lead{color:#d1ded4}
.halo{background:radial-gradient(circle at 34% 30%,rgba(245,232,188,.32),rgba(133,185,129,.12) 35%,transparent 67%)}
.orb{border-color:rgba(230,241,219,.28);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));box-shadow:inset 10px 10px 28px rgba(255,255,255,.06),inset -20px -25px 40px rgba(0,0,0,.16),0 25px 60px rgba(0,0,0,.23)}
.orb::before,.orb::after{border-color:rgba(222,238,212,.24)}.orb svg{stroke:#f1ebce}
.tag{color:#e4eddc;background:rgba(9,43,35,.79);border-color:rgba(234,243,224,.2);box-shadow:0 12px 25px rgba(0,0,0,.16)}.tag i{background:var(--gold)}
footer{color:#b7c7bc}.line{background:linear-gradient(90deg,rgba(210,231,211,.42),transparent)}.socials a{color:#d8e5d7}.socials a:hover{border-color:var(--gold)}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(146,209,145,0)}100%{box-shadow:0 0 0 0 rgba(146,209,145,0)}}
@media(max-width:760px){
  .page{padding:22px 24px 24px;min-height:100svh}
  .topbar{align-items:flex-start}
  main{display:block;padding:48px 0 28px}
  .side{display:none}
  h1{font-size:clamp(42px,13vw,56px);line-height:1.02;letter-spacing:-.045em}
  .lead{margin-top:22px;font-size:16px;line-height:1.55}
  footer{margin-top:auto;padding-top:18px}
}
@media(max-width:470px){
  .page{padding:18px 20px 20px}
  .brand{padding:6px 10px 6px 7px}
  .brand-emblem{width:42px;height:42px}
  .brand-name{font-size:22px}
  .brand-sub{font-size:7px}
  .eyebrow{margin-bottom:15px;font-size:11px;letter-spacing:.14em}
  h1{font-size:46px}
  .lead{font-size:16px}
  footer{font-size:11px;gap:12px}
}