body{background:linear-gradient(180deg,#f5fbfa 0%,#eef8f6 48%,#f8fbfa 100%)}.topbar{position:sticky;top:0;z-index:20;background:#fffffff0;box-shadow:0 8px 32px #083a3912;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}main>section{animation:section-rise .75s both;animation-timeline:view();animation-range:entry 6% cover 22%}.hero{position:relative;isolation:isolate;background:linear-gradient(125deg,#05292b,#087466 58%,#32aab5);box-shadow:inset 0 -1px 0 #ffffff24}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 22%,#ffffff0d 43%,transparent 62%);transform:translateX(-110%);animation:hero-sweep 7s ease-in-out infinite}.hero h1 span{background:linear-gradient(100deg,#f1b923,#ffe889,#eaa912);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-flow 4s linear infinite}.phone{position:relative;border-color:#164e51;box-shadow:0 38px 85px #001d1e80,0 0 0 1px #ffffff38,inset 0 1px 0 #fff}.phone:after,.screen:after,.shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff1f 0%,transparent 24%,transparent 70%,#ffffff0f 100%)}.phone-wrap{animation:phone-float 5s ease-in-out infinite}.tag{border:1px solid #ffffffb8;box-shadow:0 18px 45px #001f204d,inset 0 1px 0 #fff}.games{position:relative;background:linear-gradient(180deg,#f8fcfb,#eef9f7)}.card{isolation:isolate;border-color:#cfe4e1;background:linear-gradient(145deg,#fff,#f8fcfb);box-shadow:0 14px 35px #083a3912,inset 0 1px 0 #fff;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(125deg,#ffffff8c,transparent 32%);opacity:.72}.card:hover{transform:translateY(-7px);border-color:#82c8c0;box-shadow:0 24px 50px #083a3929,inset 0 1px 0 #fff}.card.ludo{box-shadow:0 22px 55px #053d3d40,inset 0 1px 0 #ffffff38}.dice{animation:dice-hover 4s ease-in-out infinite}.showcase{background:linear-gradient(145deg,#041c1e,#073e41 58%,#0b5554);box-shadow:inset 0 1px 0 #ffffff1f}.shot{border-color:#ffffff38;box-shadow:0 18px 45px #00101166,inset 0 1px 0 #ffffff45;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.shot:hover{transform:translateY(-6px);border-color:#ffd85f99;box-shadow:0 28px 65px #0009,0 0 0 1px #ffd85f40}.shot:nth-child(2){height:auto!important;aspect-ratio:3/2;background:#fff}.shot:nth-child(2) img{object-fit:contain!important;object-position:center!important}.app-view{background:linear-gradient(135deg,#fff,#eff9f7)}.screen{position:relative;background:#bcefee;box-shadow:0 28px 75px #083a3942,0 0 0 1px #ffffffa8;transition:transform .35s ease}.screen:hover{transform:translateY(-7px) rotate(.5deg)}.steps li{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fbfa);box-shadow:0 12px 28px #083a3912;transition:transform .25s ease,box-shadow .25s ease}.steps li:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffffc9,transparent);transition:left .65s ease}.steps li:hover{transform:translateY(-5px);box-shadow:0 20px 42px #083a3926}.steps li:hover:after{left:130%}.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#082d2e,#075f5e);box-shadow:0 26px 60px #083a3938,inset 0 1px 0 #ffffff2b}.cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#ffffff12 60%,transparent 75%);animation:cta-sheen 6s ease-in-out infinite}footer{box-shadow:0 -12px 35px #083a390d}@keyframes section-rise{from{opacity:.25;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes hero-sweep{0%,25%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}@keyframes gold-flow{to{background-position:200% 0}}@keyframes phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes dice-hover{0%,100%{transform:rotate(13deg) translateY(0)}50%{transform:rotate(17deg) translateY(-8px)}}@keyframes cta-sheen{0%,35%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@media(max-width:820px){.shot:nth-child(2){height:auto!important;aspect-ratio:3/2}.card:hover,.shot:hover,.screen:hover,.steps li:hover{transform:none}}@media(max-width:560px){.shot:nth-child(2){height:auto!important;min-height:0;aspect-ratio:3/2}.phone-wrap{animation:none}}@media(prefers-reduced-motion:reduce){main>section,.hero:before,.hero h1 span,.phone-wrap,.dice,.cta:before{animation:none!important}.card,.shot,.screen,.steps li{transition:none}}