/* Shared look: black ground, yellow accent (#F5B427), star background, white-on-hover buttons, shining borders. */
:root:root{color-scheme:dark}
#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:#050505}
body{background:transparent}
html{background:#050505}
main,#app,footer,section.hero,section.blk{position:relative;z-index:1}

@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes vm-spin{to{--a:360deg}}

/* Shining border that circles the box on hover */
.card,.stat,.svc,.panel,.how>div,.stage .tile,.btn,.fxbtn,.lk,button:not(.link):not(.nav){position:relative}
.card::after,.stat::after,.svc::after,.panel::after,.how>div::after,.btn::after,.fxbtn::after,.lk::after,button:not(.link):not(.nav)::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;transition:opacity .25s;
  background:conic-gradient(from var(--a),transparent 0 62%,#F5B427 78%,#fff 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:vm-spin 2.6s linear infinite}
.card:hover::after,.stat:hover::after,.svc:hover::after,.panel:hover::after,.how>div:hover::after,.btn:hover::after,.fxbtn:hover::after,.fxbtn:focus-visible::after,.lk:hover::after,button:not(.link):not(.nav):hover::after,button:not(.link):not(.nav):focus-visible::after{opacity:1}
.card:hover,.stat:hover,.svc:hover,.panel:hover{box-shadow:0 0 28px rgba(245,180,39,.10)}

/* Buttons turn white with black text */
.btn:hover,.fxbtn:hover,button:not(.link):not(.nav):not(:disabled):hover{background:#fff!important;color:#000!important;border-color:#fff!important}

input:focus,select:focus,textarea:focus{outline:none;border-color:#F5B427!important;box-shadow:0 0 0 3px rgba(245,180,39,.25)}
::selection{background:#F5B427;color:#000}

@media(prefers-reduced-motion:reduce){.card::after,.stat::after,.svc::after,.panel::after,.how>div::after,.btn::after,button::after,.fxbtn::after,.lk::after{animation:none}}