/* Calm buttons, pills and badges — loaded site-wide after site.css.
   No shine sweeps, pulses or glow keyframes; simple hover colour changes only.
   Colours use only site.css :root variables and the original .btn-primary values. */
.btn,.btn-primary,.btn-ghost,.thm-btn,.btn-thm,.btn-dsl,.soon-pill,.soon-pill::before,.soon-ribbon,.soon-ribbon::after,
.hero-soon,.hero-soon::after,.soon-shine,.soon-shine::after,.vpn-tag-soon,.vpn-tag-soon::after,.vpn-tag-soon .dot,
.nav-badge,.nav-badge-event,.badge,.badge::before,.pricing .card .badge.gone::before,.event-status-pill{
  animation:none!important;
}
.soon-shine,.soon-shine::after,.soon-ribbon::after,.vpn-tag-soon::after,.hero-soon::after{display:none!important}

.btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}
.btn:hover{transform:none!important}

/* Primary / accent: original flat cyan fill with original dark text, no gradient or glow */
.btn-primary,.hero-full .hero-ctas .btn-primary,.pricing .btn-primary,.pricing .card>a.btn-primary,.thm-btn.is-live,.btn-login,#dedsec-cookie .ok{
  background:var(--accent)!important;background-image:none!important;
  color:#0a0c11!important;border:1px solid var(--accent)!important;
  box-shadow:none!important;font-weight:600;
}
.btn-primary:hover,.hero-full .hero-ctas .btn-primary:hover,.pricing .btn-primary:hover,.thm-btn.is-live:hover,.btn-login:hover,#dedsec-cookie .ok:hover{
  background:var(--accent-2)!important;border-color:var(--accent-2)!important;color:#0a0c11!important;
}

/* Ghost: site dark surface with soft border */
.btn-ghost,.hero-full .hero-ctas .btn-ghost,.thm-btn:not(.is-live){
  background:var(--surface-2)!important;background-image:none!important;color:var(--text)!important;
  border:1px solid var(--border-strong)!important;box-shadow:none!important;
}
.btn-ghost:hover,.hero-full .hero-ctas .btn-ghost:hover,.thm-btn:not(.is-live):hover{
  background:var(--accent-soft)!important;border-color:var(--accent-border)!important;color:var(--accent-2)!important;
}
.btn-dsl.is-active,.btn-thm[aria-current="page"]{background:var(--accent-soft)!important;border-color:var(--accent-border)!important;color:var(--accent-2)!important}

/* Pills and badges: flat, no glow */
.soon-pill,.hero-soon{background:var(--accent-soft)!important;border:1px solid var(--accent-border)!important;color:var(--accent-2)!important;box-shadow:none!important}
.soon-pill::before{box-shadow:none!important;background:var(--accent-2)!important}
.soon-ribbon{box-shadow:none!important}
.nav-badge{background:var(--accent-soft)!important;color:var(--accent-2)!important;border-color:var(--accent-border)!important;box-shadow:none!important}
.nav-badge-event{box-shadow:none!important}
.cta-band{box-shadow:none!important}

/* Main buttons only (nav Login, hero main CTA): subtle cyan sheen + breathe, lift on hover */
.btn.btn-main{position:relative;overflow:hidden;isolation:isolate;outline:4px solid transparent;outline-offset:0;
  animation:btn-main-breathe 4.8s ease-in-out infinite!important;
  transition:transform .18s ease,background-color .15s ease,border-color .15s ease!important}
.btn.btn-main::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,var(--accent-2),transparent);opacity:.7;
  transform:translateX(-160%) skewX(-18deg);animation:btn-main-sheen 4.8s ease-in-out infinite}
.btn.btn-main:hover{transform:translateY(-2px)!important}
@keyframes btn-main-sheen{0%,62%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(360%) skewX(-18deg)}}
@keyframes btn-main-breathe{0%,100%{outline-color:transparent}50%{outline-color:var(--accent-soft)}}
@media (prefers-reduced-motion:reduce){
  .btn.btn-main{animation:none!important}
  .btn.btn-main::after{display:none}
  .btn.btn-main:hover{transform:none!important}
}

/* Login / auth panel: calm wallpaper, big logo as the focus */
.auth-right{background:linear-gradient(160deg,rgba(5,7,10,.80),rgba(5,7,10,.88)),url("/static/img/wallpaper-net-1920.jpg") center / cover no-repeat!important;
  background:linear-gradient(160deg,rgba(5,7,10,.80),rgba(5,7,10,.88)),image-set(url("/static/img/wallpaper-net-1920.webp?v=2") type("image/webp"),url("/static/img/wallpaper-net-1920.jpg") type("image/jpeg")) center / cover no-repeat!important}
.auth-right .auth-mark{width:clamp(140px,22vw,250px);height:auto;aspect-ratio:542/560;border:0;border-radius:0;overflow:visible;margin-bottom:18px;background:none}
.auth-right .auth-mark img{width:100%;height:100%;object-fit:contain;display:block}
.auth-body .site-wallpaper{opacity:.45}
.auth-body #aurora,.auth-body .aurora-grid{opacity:.15!important}