@layer utilities{.nav-active{color:#000;border-bottom:2px solid transparent;border-image:linear-gradient(45deg,#578DFF,#1E50A0) 1}.card-shadow{@apply shadow-lg hover:shadow-primary/20 transition-all duration-300;}.section-padding{@apply py-16 px-4 md:px-8 lg:px-16;}.text-gradient{background:linear-gradient(90deg,#165DFF,#7B61FF);-webkit-background-clip:text;color:transparent}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.animate-bounce-glow{animation:bounce-glow 2s ease-in-out infinite}@keyframes bounce-glow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bubble{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.animate-bubble{animation:bubble 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float-in{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-float-in{animation:float-in .5s ease-out forwards}@keyframes bubble-pop{0%{opacity:0;transform:translate(10px,10px) scale(.5)}30%{opacity:1;transform:translate(-2px,-2px) scale(1.1)}50%{transform:translate(0) scale(1)}70%{transform:translate(-1px,-1px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes bubble-fade-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-5px,-5px) scale(.9)}}.animate-bubble-pop{animation:bubble-pop .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-bubble-fade-out{animation:bubble-fade-out .4s ease-out forwards}.hover-community:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(45deg,#578DFF,#143FAD,#030D3D);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.hover-community:hover:before{opacity:1}.hover-community:hover .border-community,.clicked .border-community{padding:2px!important}.hover-community:hover .relative{color:#fff!important}.hover-community .relative{transition:color .3s ease}.social-icon{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;background:none;border:none;padding:0;cursor:pointer}.social-icon img{opacity:.35;transition:opacity .3s ease,filter .3s ease;filter:brightness(0) invert(1)}.social-icon:hover img,.social-icon.active img{opacity:1;filter:brightness(0) invert(1)}.qr-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000;pointer-events:none;white-space:nowrap}.social-icon-wrapper:hover .qr-popup,.social-icon-wrapper.active .qr-popup{opacity:1;visibility:visible;pointer-events:auto}footer,footer>div,footer .container,footer .flex{overflow:visible!important}.level-badge{display:inline-flex;align-items:center;gap:.25rem;width:fit-content;margin-top:.25rem;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level-badge i{font-size:.625rem;line-height:1}.level-badge.level-1,a .level-badge.level-1{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);color:#6b7280;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000014}.level-badge.level-2,a .level-badge.level-2{background:linear-gradient(135deg,#f5f7fa 0%,#dfe4e9 100%);color:#4b5563;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a}.level-badge.level-3,a .level-badge.level-3{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);color:#2e7d32;border:1px solid rgba(76,175,80,.2);box-shadow:0 1px 3px #4caf5026}.level-badge.level-4,a .level-badge.level-4{background:linear-gradient(135deg,#e0f2f1 0%,#a5d6a7 100%);color:#1b5e20;border:1px solid rgba(76,175,80,.25);box-shadow:0 1px 3px #4caf5033}.level-badge.level-5,a .level-badge.level-5{background:linear-gradient(135deg,#e3f2fd 0%,#90caf9 100%);color:#0d47a1;border:1px solid rgba(33,150,243,.25);box-shadow:0 1px 3px #2196f333}.level-badge.level-6,a .level-badge.level-6{background:linear-gradient(135deg,#bbdefb 0%,#64b5f6 100%);color:#0d47a1;border:1px solid rgba(33,150,243,.3);box-shadow:0 1px 3px #2196f340}.level-badge.level-7,a .level-badge.level-7{background:linear-gradient(135deg,#ede7f6 0%,#b39ddb 100%);color:#4a148c;border:1px solid rgba(156,39,176,.3);box-shadow:0 1px 3px #9c27b040}.level-badge.level-8,a .level-badge.level-8{background:linear-gradient(135deg,#e1bee7 0%,#9c27b0 100%);color:#fff;border:1px solid rgba(156,39,176,.4);box-shadow:0 2px 6px #9c27b059,inset 0 1px #ffffff4d;text-shadow:0 1px 0 rgba(0,0,0,.2)}.level-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.level-badge:hover:before{left:100%}html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2436px)}}@keyframes scroll-creator{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:scroll 40s linear infinite}.animate-scroll-creator{animation:scroll-creator 60s linear infinite}.animate-scroll-creator:hover{animation-play-state:paused}.developer-platform-container,.news-container,.product-container,.about-container{margin:0 auto;transform-origin:center top}@media screen and (max-width: 1280px){.developer-platform-container,.news-container,.product-container,.about-container{transform:scale(calc(100vw/1280px));margin-left:calc((1280px - 100vw)/-2)}}@media screen and (max-width: 750px){.developer-platform-container,.news-container,.product-container,.about-container{transform:none;width:100%!important;margin-left:0}}.animate-scroll:hover{animation-play-state:paused}