/* ArmMedia — shared base styles */
:root{
  --bg:#0B0C0F; --ink:#fff; --muted:#A7ABB6; --line:rgba(255,255,255,.14);
  --red:#D51226; --red-dark:#8E0010; --gold:#ECBB3B; --card:rgba(255,255,255,.045);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--ink); min-height:100vh;
  font-family:"SF Pro Display","SF Armenian","Noto Sans Armenian",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  line-height:1.55; -webkit-font-smoothing:antialiased; position:relative; overflow-x:hidden;
}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:0}
body::before{width:820px;height:820px;left:-280px;top:-320px;
  background:radial-gradient(circle,rgba(213,18,38,.42) 0%,rgba(213,18,38,.10) 45%,transparent 70%)}
body::after{width:700px;height:700px;right:-260px;bottom:-320px;
  background:radial-gradient(circle,rgba(142,0,16,.42) 0%,transparent 68%)}
.wrap{position:relative;z-index:1;max-width:940px;margin:0 auto;padding:0 24px}
.orb{width:64px;height:64px;border-radius:50%;object-fit:cover;
  box-shadow:0 10px 30px rgba(213,18,38,.5),0 0 0 1px rgba(255,255,255,.16)}
.wordmark{font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1}
.wordmark em{font-style:normal;color:var(--gold)}
.tagline{font-size:11px;letter-spacing:2.4px;color:var(--muted);text-transform:uppercase;margin-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:999px;font-size:16px;font-weight:650;
  text-decoration:none;border:1px solid transparent;transition:transform .15s ease,filter .15s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;
  box-shadow:0 10px 28px rgba(213,18,38,.35)}
.btn-ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}
.muted{color:var(--muted)}
footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:72px;padding:26px 24px 40px;
  text-align:center;color:var(--muted);font-size:14px}
footer a{color:var(--muted)}
@media (max-width:640px){.wordmark{font-size:24px}}