.elementor-481 .elementor-element.elementor-element-5f6e7370{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.84;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:14%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-481 .elementor-element.elementor-element-5f6e7370:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-5f6e7370 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-481 .elementor-element.elementor-element-5f6e7370::before, .elementor-481 .elementor-element.elementor-element-5f6e7370 > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-5f6e7370 > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-5f6e7370 > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-5f6e7370 > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-5f6e7370 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1B0421;--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-60805f43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-481 .elementor-element.elementor-element-74ba8cb .elementor-heading-title{font-size:60px;line-height:97px;letter-spacing:2.3px;}.elementor-481 .elementor-element.elementor-element-2cba2100{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-481 .elementor-element.elementor-element-1c079435{background-color:#3B3B3B94;padding:7px 25px 7px 25px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#83838366;border-radius:10px 10px 10px 10px;font-size:20px;}.elementor-481 .elementor-element.elementor-element-1c079435.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-1c079435:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6f9476f );}.elementor-481 .elementor-element.elementor-element-d3db7ef{background-color:#3B3B3B94;padding:7px 25px 7px 25px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#83838366;border-radius:10px 10px 10px 10px;font-size:20px;}.elementor-481 .elementor-element.elementor-element-d3db7ef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-d3db7ef:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6f9476f );}.elementor-481 .elementor-element.elementor-element-433aac18{background-color:#3B3B3B94;padding:7px 25px 7px 25px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#83838366;border-radius:10px 10px 10px 10px;font-size:20px;}.elementor-481 .elementor-element.elementor-element-433aac18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-433aac18:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6f9476f );}.elementor-481 .elementor-element.elementor-element-2312c31f{font-size:25px;}.elementor-481 .elementor-element.elementor-element-25bed4e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button{background-color:#78CC1A;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-6f9476f );border-radius:25px 25px 25px 25px;padding:25px 40px 25px 40px;}.elementor-481 .elementor-element.elementor-element-40a28c7d{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button:hover, .elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button:focus{color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button:hover svg, .elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button{background-color:#E046B203;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#61616166;border-radius:25px 25px 25px 25px;padding:25px 40px 25px 40px;}.elementor-481 .elementor-element.elementor-element-272f84ad{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button:hover, .elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button:focus{color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button:hover svg, .elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button:focus svg{fill:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-5d09cfd0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-481 .elementor-element.elementor-element-178d85d4{width:var( --container-widget-width, 80% );max-width:80%;--e-transform-rotateZ:-10deg;margin:25% -30% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-481 .elementor-element.elementor-element-178d85d4 img{width:80%;}.elementor-481 .elementor-element.elementor-element-5be492b0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-481 .elementor-element.elementor-element-4567be83{width:var( --container-widget-width, 80% );max-width:80%;--e-transform-rotateZ:10deg;margin:25% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -30%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-481 .elementor-element.elementor-element-4567be83 img{width:80%;}.elementor-481 .elementor-element.elementor-element-7bcddb7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.84;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-481 .elementor-element.elementor-element-7bcddb7f::before, .elementor-481 .elementor-element.elementor-element-7bcddb7f > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-7bcddb7f > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-7bcddb7f > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-7bcddb7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-7bcddb7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1B0421;--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-27af0f7d img{width:8%;}.elementor-481 .elementor-element.elementor-element-5052ebbd{text-align:center;}.elementor-481 .elementor-element.elementor-element-5052ebbd .elementor-heading-title{font-size:76px;line-height:97px;letter-spacing:2.3px;}.elementor-481 .elementor-element.elementor-element-7cd68af6{text-align:center;font-size:25px;}.elementor-481 .elementor-element.elementor-element-7764c863{--display:flex;}.elementor-481 .elementor-element.elementor-element-30904c47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0.5;}.elementor-481 .elementor-element.elementor-element-30904c47::before, .elementor-481 .elementor-element.elementor-element-30904c47 > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-30904c47 > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-30904c47 > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-30904c47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-30904c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-5b60615d{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-5b60615d::before, .elementor-481 .elementor-element.elementor-element-5b60615d > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-5b60615d > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-5b60615d > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-5b60615d > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-5b60615d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-14e8ee24 .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-3a02061{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-68828b0d{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-68828b0d::before, .elementor-481 .elementor-element.elementor-element-68828b0d > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-68828b0d > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-68828b0d > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-68828b0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-68828b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-23e690ff .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-387990f8{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-f47751e{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-f47751e::before, .elementor-481 .elementor-element.elementor-element-f47751e > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-f47751e > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-f47751e > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-f47751e > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-f47751e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-64d613cf .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-6a6e702a{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-1e32b14b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-481 .elementor-element.elementor-element-193286c2{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-193286c2::before, .elementor-481 .elementor-element.elementor-element-193286c2 > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-193286c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-193286c2 > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-193286c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-193286c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-6d7bc978 .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-5e66eae3{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-7458496c{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-7458496c::before, .elementor-481 .elementor-element.elementor-element-7458496c > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-7458496c > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-7458496c > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-7458496c > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-7458496c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-6873985f .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-3481ec3{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-1f281caa{--display:flex;--overlay-opacity:0.5;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-481 .elementor-element.elementor-element-1f281caa::before, .elementor-481 .elementor-element.elementor-element-1f281caa > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-1f281caa > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-1f281caa > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-1f281caa > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-1f281caa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-697f1f43 .elementor-heading-title{font-size:21px;line-height:29px;letter-spacing:3px;}.elementor-481 .elementor-element.elementor-element-24eeb912{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-789dcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-481 .elementor-element.elementor-element-789dcd:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-789dcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-481 .elementor-element.elementor-element-53cf182{padding:0% 5% 0% 5%;}.elementor-481 .elementor-element.elementor-element-48f78f12{margin:-6% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;text-align:center;color:#DBDBDB7A;}.elementor-481 .elementor-element.elementor-element-68e184fa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0.97;--padding-top:4%;--padding-bottom:4%;--padding-left:7%;--padding-right:7%;}.elementor-481 .elementor-element.elementor-element-68e184fa:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-68e184fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0315;background-image:url("https://devhub.games/wp-content/uploads/2025/07/Frame-32-1-scaled.png");background-repeat:no-repeat;background-size:cover;}.elementor-481 .elementor-element.elementor-element-68e184fa::before, .elementor-481 .elementor-element.elementor-element-68e184fa > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-68e184fa > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-68e184fa > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-68e184fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-68e184fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C0C0C;--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-68e184fa.e-con{--align-self:center;}.elementor-481 .elementor-element.elementor-element-68e184fa.elementor-element.e-flex::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:inherit;background-color:inherit;}.elementor-481 .elementor-element.elementor-element-9651987{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-481 .elementor-element.elementor-element-429c9f60 .elementor-heading-title{font-size:80px;color:var( --e-global-color-6f9476f );}.elementor-481 .elementor-element.elementor-element-6b9c841a .elementor-heading-title{font-size:80px;color:var( --e-global-color-747c08a );}.elementor-481 .elementor-element.elementor-element-64a2a75d .elementor-heading-title{font-size:80px;}.elementor-481 .elementor-element.elementor-element-565e8572{width:var( --container-widget-width, 100% );max-width:100%;margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-481 .elementor-element.elementor-element-565e8572.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-1d69825a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--overlay-opacity:0.94;--padding-top:0%;--padding-bottom:0%;--padding-left:7%;--padding-right:7%;}.elementor-481 .elementor-element.elementor-element-1d69825a:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-1d69825a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://devhub.games/wp-content/uploads/2025/07/Frame-32-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-481 .elementor-element.elementor-element-1d69825a::before, .elementor-481 .elementor-element.elementor-element-1d69825a > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-1d69825a > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-1d69825a > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-1d69825a > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-1d69825a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0A0315;--background-overlay:'';}.elementor-481 .elementor-element.elementor-element-29de940f{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:5%;--padding-bottom:5%;--padding-left:7%;--padding-right:5%;}.elementor-481 .elementor-element.elementor-element-29de940f:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-29de940f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-481 .elementor-element.elementor-element-27bb68a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-5a309f8a{text-align:left;}.elementor-481 .elementor-element.elementor-element-5a309f8a .elementor-heading-title{font-family:"Montserrat Alternates", Sans-serif;font-size:60px;font-weight:900;color:#86FF00;}.elementor-481 .elementor-element.elementor-element-36ce8130{font-family:"Montserrat Alternates", Sans-serif;font-size:19px;font-weight:400;color:#C1C1C1;}.elementor-481 .elementor-element.elementor-element-48e8a068{--display:flex;--justify-content:center;--border-radius:10px 10px 10px 10px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:5%;}.elementor-481 .elementor-element.elementor-element-48e8a068:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-48e8a068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-481 .elementor-element.elementor-element-48e8a068.elementor-element.e-flex::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(3.6px);backdrop-filter:blur(3.6px);border-radius:inherit;background-color:inherit;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-type-html{padding-bottom:0px;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group .elementor-field, .elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-subgroup label{font-family:"Montserrat Alternates", Sans-serif;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF0F;border-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF0F;border-color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-button{font-family:"Montserrat Alternates", Sans-serif;font-weight:600;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-481 .elementor-element.elementor-element-374c04b7 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-6f9476f );color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-button[type="submit"]{background-color:var( --e-global-color-6f9476f );color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-481 .elementor-element.elementor-element-374c04b7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-481 .elementor-element.elementor-element-74ba8cb .elementor-heading-title{font-size:30px;line-height:1.2em;letter-spacing:4px;}.elementor-481 .elementor-element.elementor-element-2cba2100{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-1c079435{padding:10px 15px 10px 15px;font-size:15px;}.elementor-481 .elementor-element.elementor-element-d3db7ef{padding:10px 15px 10px 15px;font-size:15px;}.elementor-481 .elementor-element.elementor-element-433aac18{padding:10px 15px 10px 15px;font-size:15px;}.elementor-481 .elementor-element.elementor-element-2312c31f{font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-481 .elementor-element.elementor-element-40a28c7d{width:100%;max-width:100%;}.elementor-481 .elementor-element.elementor-element-40a28c7d .elementor-button{padding:15px 15px 15px 15px;}.elementor-481 .elementor-element.elementor-element-272f84ad{width:100%;max-width:100%;}.elementor-481 .elementor-element.elementor-element-272f84ad .elementor-button{padding:15px 15px 15px 15px;}.elementor-481 .elementor-element.elementor-element-5d09cfd0{--flex-wrap:nowrap;--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-481 .elementor-element.elementor-element-5d09cfd0.e-con{--order:-99999 /* order start hack */;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-481 .elementor-element.elementor-element-178d85d4 img{width:73%;}.elementor-481 .elementor-element.elementor-element-5be492b0 img{width:100%;}.elementor-481 .elementor-element.elementor-element-4567be83 img{width:74%;}.elementor-481 .elementor-element.elementor-element-7bcddb7f{--padding-top:9%;--padding-bottom:9%;--padding-left:9%;--padding-right:9%;}.elementor-481 .elementor-element.elementor-element-27af0f7d{text-align:left;}.elementor-481 .elementor-element.elementor-element-27af0f7d img{width:19%;}.elementor-481 .elementor-element.elementor-element-5052ebbd{text-align:left;}.elementor-481 .elementor-element.elementor-element-5052ebbd .elementor-heading-title{font-size:30px;line-height:1.2em;letter-spacing:4px;}.elementor-481 .elementor-element.elementor-element-7cd68af6{text-align:left;font-size:20px;}.elementor-481 .elementor-element.elementor-element-7764c863{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-30904c47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-5b60615d{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-68828b0d{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-f47751e{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-1e32b14b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-193286c2{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-7458496c{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-1f281caa{--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-481 .elementor-element.elementor-element-789dcd{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-481 .elementor-element.elementor-element-53cf182{padding:0% 0% 0% 0%;}.elementor-481 .elementor-element.elementor-element-48f78f12{margin:-24% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;padding:0% 5% 0% 5%;}.elementor-481 .elementor-element.elementor-element-68e184fa{--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-481 .elementor-element.elementor-element-9651987{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:-10%;--margin-left:0%;--margin-right:0%;}.elementor-481 .elementor-element.elementor-element-429c9f60 .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-6b9c841a .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-64a2a75d{z-index:1;}.elementor-481 .elementor-element.elementor-element-64a2a75d .elementor-heading-title{font-size:20px;}.elementor-481 .elementor-element.elementor-element-565e8572{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + -20%) 0%;padding:0% 0% 0% 0%;z-index:0;}.elementor-481 .elementor-element.elementor-element-1d69825a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-481 .elementor-element.elementor-element-29de940f{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-481 .elementor-element.elementor-element-27bb68a7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-5a309f8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-481 .elementor-element.elementor-element-5a309f8a .elementor-heading-title{font-size:28px;}.elementor-481 .elementor-element.elementor-element-48e8a068{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-481 .elementor-element.elementor-element-60805f43{--width:50%;}.elementor-481 .elementor-element.elementor-element-5d09cfd0{--width:50%;}.elementor-481 .elementor-element.elementor-element-68e184fa{--width:100%;}.elementor-481 .elementor-element.elementor-element-1d69825a{--width:100%;}.elementor-481 .elementor-element.elementor-element-48e8a068{--width:71%;}}@media(min-width:1025px){.elementor-481 .elementor-element.elementor-element-68e184fa:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-68e184fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-481 .elementor-element.elementor-element-1d69825a:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-1d69825a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-40a28c7d *//* Кнопка с закругленными краями и бликом */
.shine-button {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.shine-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: rgba(255, 255, 255, 0.35);
    transform: skewX(-25deg);
    transition: left 0.7s;
    pointer-events: none;
}

.shine-button:hover::before {
    left: 125%;
}

.shine-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Дополнительная защита для Firefox и Safari */
.shine-button {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-272f84ad *//* Надежное решение для скругленных кнопок */
.shine-button {
    position: relative;
    overflow: hidden;
    /* Принудительно обрезаем по форме */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.shine-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: rgba(255, 255, 255, 0.3);
    transform: skewX(-25deg);
    transition: left 0.7s;
}

.shine-button:hover::before {
    left: 125%;
}

/* Или используйте z-index решение */
.shine-button-safe {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.shine-button-safe::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 100%
    );
    z-index: -1;
    transition: left 0.6s;
}

.shine-button-safe:hover::before {
    left: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f6e7370 */.gamification-bg {
    position: relative;
    background: #0a1f0a;
    overflow: hidden;
}

.gamification-bg::before {
    content: '';
    position: absolute;
    width: 180%;
    height: 180%;
    top: -40%;
    left: -40%;
    background: 
        radial-gradient(circle at 30% 40%, #22c55e 0%, transparent 12%),
        radial-gradient(circle at 70% 60%, #84cc16 0%, transparent 12%),
        radial-gradient(circle at 50% 80%, #10b981 0%, transparent 12%);
    filter: blur(90px) brightness(1.2);
    opacity: 0.5;
    animation: energyPulse 18s ease-in-out infinite;
}

@keyframes energyPulse {
    0%, 100% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.2);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b60615d *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68828b0d *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f47751e *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-193286c2 *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7458496c *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f281caa *//* Gamification - Зеленая тема */
.gamification-card {
    position: relative !important;
    background: rgba(26, 10, 31, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    border-radius: 20px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Тонкий пульсирующий градиент в обычном состоянии */
.gamification-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(
            circle at 30% 70%, 
            rgba(76, 175, 80, 0.05) 0%, 
            transparent 40%
        ) !important;
    animation: gentlePulse 8s ease-in-out infinite !important;
    z-index: -1 !important;
}

/* Скрытый эффект шейна для hover */
.gamification-card::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    width: 300% !important;
    height: 300% !important;
    background: linear-gradient(
        45deg,
        transparent 35%,
        rgba(76, 175, 80, 0.2) 50%,
        rgba(139, 195, 74, 0.2) 51%,
        transparent 65%
    ) !important;
    transform: rotate(45deg) translateY(-50%) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

/* Мягкая анимация пульсации */
@keyframes gentlePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

/* HOVER СОСТОЯНИЕ - Полная трансформация */
.gamification-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: rgba(26, 10, 31, 0.95) !important;
    border-color: transparent !important;
    box-shadow: 
        0 20px 40px rgba(76, 175, 80, 0.3),
        0 0 0 1px rgba(76, 175, 80, 0.5),
        0 0 60px rgba(139, 195, 74, 0.2),
        inset 0 0 60px rgba(76, 175, 80, 0.05) !important;
}

/* Активация живого градиента при hover */
.gamification-card:hover::before {
    animation: none !important;
    inset: -50% !important;
    background: 
        radial-gradient(
            circle at 20% 80%, 
            rgba(76, 175, 80, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 20%, 
            rgba(139, 195, 74, 0.3) 0%, 
            transparent 50%
        ),
        radial-gradient(
            circle at 50% 50%, 
            rgba(104, 159, 56, 0.3) 0%, 
            transparent 50%
        ),
        conic-gradient(
            from 0deg at 50% 50%,
            transparent,
            rgba(76, 175, 80, 0.1),
            transparent,
            rgba(139, 195, 74, 0.1),
            transparent
        ) !important;
    animation: 
        liquidDance 15s ease-in-out infinite,
        rotateGradient 20s linear infinite !important;
    filter: blur(40px) !important;
}

/* Активация эффекта шейна при hover */
.gamification-card:hover::after {
    animation: sweepShine 2s ease-in-out infinite !important;
}

/* Сложная анимация для живого градиента */
@keyframes liquidDance {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    20% {
        transform: translate(-10%, 10%) scale(1.2) rotate(72deg);
    }
    40% {
        transform: translate(10%, -10%) scale(0.8) rotate(144deg);
    }
    60% {
        transform: translate(-15%, -5%) scale(1.1) rotate(216deg);
    }
    80% {
        transform: translate(5%, 15%) scale(0.9) rotate(288deg);
    }
}

@keyframes rotateGradient {
    from {
        filter: blur(40px) hue-rotate(0deg);
    }
    to {
        filter: blur(40px) hue-rotate(360deg);
    }
}

/* Эффект проходящего блика */
@keyframes sweepShine {
    0% {
        transform: rotate(45deg) translateY(-200%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateY(200%);
        opacity: 0;
    }
}

/* Дополнительный слой для создания глубины */
.gamification-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Улучшенная анимация появления контента при hover */
.gamification-card:hover > * {
    transition: transform 0.3s ease 0.1s !important;
    transform: translateZ(20px) !important;
}

/* Оптимизация для элементов внутри */
.gamification-card * {
    transform-style: preserve-3d !important;
}

/* Дополнительный эффект свечения для текста при hover */
.gamification-card:hover h1,
.gamification-card:hover h2,
.gamification-card:hover h3,
.gamification-card:hover h4,
.gamification-card:hover h5,
.gamification-card:hover h6 {
    text-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

/* Эффект для кнопок и интерактивных элементов внутри */
.gamification-card a,
.gamification-card button,
.gamification-card .elementor-button {
    transition: all 0.3s ease !important;
}

.gamification-card:hover a,
.gamification-card:hover button,
.gamification-card:hover .elementor-button {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3) !important;
}/* End custom CSS */