/* Subtle entrance and ambient motion */
body{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(13,5,18,.58),rgba(37,14,22,.65)),#160b16}
body:after{content:"";position:fixed;z-index:0;inset:-18px;pointer-events:none;background:url('assets/bigboss-casino-background-v1.png') center center/cover no-repeat;filter:blur(3px) saturate(.92) brightness(.58);opacity:.78;transform:scale(1.03);animation:backdrop-breathe 16s ease-in-out infinite alternate}
.landing{z-index:2}
body:before{z-index:1}
@keyframes backdrop-breathe{from{transform:scale(1.03) translate3d(-3px,0,0);opacity:.72}to{transform:scale(1.07) translate3d(4px,-2px,0);opacity:.82}}
body.is-ready .hero-card{animation:section-in .75s cubic-bezier(.22,.61,.36,1) .08s forwards,hero-breathe 5.5s ease-in-out 1.1s infinite}
body.is-ready .poster-stage{animation:section-in .8s cubic-bezier(.22,.61,.36,1) .22s forwards}
body.is-ready .links{animation:section-in .72s cubic-bezier(.22,.61,.36,1) .36s forwards}
body.is-ready .telegram{animation:section-in .68s cubic-bezier(.22,.61,.36,1) .48s forwards,telegram-breathe 4s ease-in-out 1.4s infinite}
body.is-ready .service-badges{animation:section-in .68s cubic-bezier(.22,.61,.36,1) .58s forwards}
@keyframes section-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-breathe{0%,100%{box-shadow:0 16px 60px rgba(255,128,48,.14),inset 0 0 25px rgba(255,216,151,.03)}50%{box-shadow:0 18px 68px rgba(255,151,71,.22),inset 0 0 32px rgba(255,216,151,.065)}}
@keyframes telegram-breathe{0%,100%{box-shadow:inset 0 0 24px rgba(63,164,255,.08),0 0 0 rgba(36,169,236,0)}50%{box-shadow:inset 0 0 28px rgba(63,164,255,.15),0 0 20px rgba(36,169,236,.12)}}
body:before{animation:stars-drift 18s ease-in-out infinite alternate}
@keyframes stars-drift{from{transform:translate3d(0,0,0);opacity:.5}to{transform:translate3d(8px,-12px,0);opacity:.78}}
.hero-card{position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;top:-80%;left:-45%;width:28%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,239,193,.09),transparent);transform:rotate(18deg);animation:hero-sheen 7s ease-in-out 2s infinite;pointer-events:none}
@keyframes hero-sheen{0%,62%{left:-45%;opacity:0}70%{opacity:1}90%,100%{left:125%;opacity:0}}
.links nav a{position:relative;overflow:hidden}
.links nav a:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 25%,rgba(255,218,142,.08) 47%,rgba(255,239,197,.16) 50%,rgba(255,218,142,.08) 53%,transparent 75%);animation:link-sheen 6.5s ease-in-out infinite;pointer-events:none}
.links nav a:nth-child(2):before{animation-delay:1.1s}
@keyframes link-sheen{0%,58%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
.links nav a i{transition:transform .25s ease,text-shadow .25s ease}.links nav a:hover i{transform:translate(2px,-2px);text-shadow:0 0 10px #ffd76d}
.service-badges span{transition:transform .25s ease,border-color .25s ease,background .25s ease}.service-badges span:hover{transform:translateY(-2px);border-color:rgba(255,214,146,.52);background:rgba(126,82,54,.4)}
.service-badges span i{animation:dot-pulse 2.4s ease-in-out infinite}.service-badges span:nth-child(2) i{animation-delay:.45s}.service-badges span:nth-child(3) i{animation-delay:.9s}
@keyframes dot-pulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.25);opacity:1}}
@media(max-width:600px){body:after{inset:-14px;background:url('assets/bigboss-casino-background-v1.png') 60% center/cover no-repeat;filter:blur(3px) saturate(.88) brightness(.5);opacity:.74}}
@media(prefers-reduced-motion:reduce){body.is-ready .hero-card,body.is-ready .poster-stage,body.is-ready .links,body.is-ready .telegram,body.is-ready .service-badges{animation:section-in .01s forwards}body:before,body:after,.hero-card:after,.links nav a:before,.service-badges span i{animation:none}}
