.header{z-index:var(--z-fixed);transition:var(--transition-normal);padding:max(4px,min(1vw,8px)) 0;position:fixed;top:0;left:0;right:0}.header.scrolled{background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .header-container{max-width:1920px;margin:0 auto;padding:0 max(20px,min(8vw,130px))}@media (max-width:768px){.header .header-container{padding:0 max(16px,min(4vw,20px))}}.header .logo-container{align-items:center;gap:max(4px,min(1vw,8px));display:flex}.header .logo-container .logo-image{background-position:36.38% 20%;background-repeat:no-repeat;background-size:172.88% 107.69%;width:max(50px,min(4vw,61px));height:max(55px,min(4.5vw,65px))}.header .logo-container .logo-text{height:max(40px,min(4vw,50px))}.header .nav-menu{align-items:center;gap:max(20px,min(3vw,40px));display:flex}@media (max-width:1200px){.header .nav-menu{display:none}}.header .nav-menu .nav-item{color:var(--color-header-text);font-family:var(--font-family-primary);font-size:max(16px,min(1.5vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);cursor:pointer;transition:var(--transition-normal)}.header .nav-menu .nav-item:hover{color:var(--color-primary-300)}.header .nav-menu .nav-item.dropdown{align-items:center;gap:max(2px,min(.5vw,4px));display:flex;position:relative}.header .nav-menu .nav-item.dropdown .dropdown-arrow{width:max(16px,min(1.5vw,24px));height:max(16px,min(1.5vw,24px));transition:var(--transition-normal)}.header .nav-menu .nav-item.dropdown .dropdown-arrow.open,.header .nav-menu .nav-item.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.header .nav-menu .nav-item.dropdown .dropdown-menu{background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;border:1px solid rgba(255,255,255,.1);min-width:max(160px,min(15vw,200px));margin-top:max(4px,min(.5vw,8px));padding:max(8px,min(1vw,12px)) 0;position:absolute;top:100%;left:0}.header .nav-menu .nav-item.dropdown .dropdown-menu .dropdown-item{color:var(--color-header-text);font-family:var(--font-family-primary);font-size:max(14px,min(1.2vw,18px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);transition:var(--transition-normal);cursor:pointer;padding:max(8px,min(1vw,12px)) max(16px,min(2vw,20px));text-decoration:none;display:block}.header .nav-menu .nav-item.dropdown .dropdown-menu .dropdown-item:hover{color:var(--color-primary-300);background-color:rgba(255,255,255,.1)}.header .nav-menu .nav-item.dropdown .dropdown-menu .dropdown-item:first-child{border-radius:var(--radius-sm)var(--radius-sm)0 0}.header .nav-menu .nav-item.dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 var(--radius-sm)var(--radius-sm)}.header .header-buttons{align-items:center;gap:max(4px,min(1vw,8px));display:flex}@media (max-width:1200px){.header .header-buttons{display:none}}.header .header-buttons .btn{font-family:var(--font-family-primary);font-size:max(14px,min(1.2vw,20px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);cursor:pointer;transition:var(--transition-normal);border:none;border-radius:max(8px,min(1vw,11px));align-items:center;gap:max(4px,min(1vw,8px));padding:max(8px,min(1vw,12px)) max(12px,min(2vw,18px));display:flex}.header .header-buttons .btn.btn-primary{background-color:var(--color-btn-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-btn-primary)}.header .header-buttons .btn.btn-primary:hover{box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-2px)}.header .header-buttons .btn .btn-icon{width:max(16px,min(1.2vw,20px));height:max(16px,min(1.2vw,20px))}.mobile-menu-toggle{display:none}@media (max-width:1200px){.mobile-menu-toggle{cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;font-size:max(24px,min(3vw,30px));display:flex}.mobile-menu-toggle:hover{transform:scale(1.1)}.mobile-menu-toggle:focus{outline:none}}.mobile-menu-overlay{display:none}@media (max-width:1200px){.mobile-menu-overlay{z-index:999;opacity:0;visibility:hidden;transition:var(--transition-normal);background-color:rgba(0,0,0,.5);display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}}.mobile-menu{display:none}@media (max-width:1200px){.mobile-menu{background-color:var(--color-header-bg);z-index:1000;width:max(280px,min(80vw,320px));height:100vh;transition:var(--transition-normal);display:block;position:fixed;top:0;right:-100%;overflow-y:auto}.mobile-menu.open{z-index:10001;right:0}.mobile-menu .mobile-menu-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:max(16px,min(3vw,20px));display:flex}.mobile-menu .mobile-menu-header .mobile-logo{flex-shrink:0}.mobile-menu .mobile-menu-header .mobile-menu-close{color:var(--color-header-text);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-normal);background:0 0;border:none;padding:max(2px,min(.5vw,4px))}.mobile-menu .mobile-menu-header .mobile-menu-close svg{width:max(20px,min(2.5vw,24px));height:max(20px,min(2.5vw,24px))}.mobile-menu .mobile-menu-header .mobile-menu-close:hover{background-color:rgba(255,255,255,.1);transform:scale(1.1)}.mobile-menu .mobile-menu-header .mobile-menu-close:focus{outline:none}.mobile-menu .mobile-menu-content{flex-direction:column;height:calc(100vh - max(60px,min(8vw,80px)));padding:max(16px,min(3vw,20px));display:flex}.mobile-menu .mobile-menu-content .mobile-nav-items{flex:1;margin-bottom:max(16px,min(3vw,20px))}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item{color:var(--color-header-text);font-family:var(--font-family-primary);font-size:max(18px,min(2.5vw,22px));font-weight:var(--font-weight-normal);transition:var(--transition-normal);border-bottom:1px solid rgba(255,255,255,.1);padding:max(12px,min(2vw,16px)) 0;text-decoration:none;display:block}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item:hover{color:var(--color-primary-300);padding-left:max(4px,min(1vw,8px))}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item:last-child{border-bottom:none}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown{cursor:pointer;padding:0}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:max(12px,min(2vw,16px)) 0;display:flex}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-header .mobile-dropdown-arrow{transition:var(--transition-normal)}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-header .mobile-dropdown-arrow.open{transform:rotate(180deg)}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-menu{border-radius:var(--radius-sm);background-color:rgba(255,255,255,.05);margin:max(4px,min(1vw,8px)) 0;overflow:hidden}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-item{color:var(--color-header-text);font-family:var(--font-family-primary);font-size:max(16px,min(2vw,18px));font-weight:var(--font-weight-normal);transition:var(--transition-normal);border-bottom:1px solid rgba(255,255,255,.05);padding:max(10px,min(1.5vw,14px)) max(20px,min(3vw,24px));text-decoration:none;display:block}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-item:hover{color:var(--color-primary-300);background-color:rgba(255,255,255,.1);padding-left:max(24px,min(4vw,28px))}.mobile-menu .mobile-menu-content .mobile-nav-items .mobile-nav-item.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-item:last-child{border-bottom:none}.mobile-menu .mobile-menu-content .mobile-menu-buttons{flex-direction:column;gap:max(4px,min(1vw,8px));display:flex}.mobile-menu .mobile-menu-content .mobile-menu-buttons .mobile-btn{border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:max(16px,min(2vw,18px));font-weight:var(--font-weight-normal);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:max(4px,min(1vw,8px));padding:max(12px,min(2vw,16px)) max(16px,min(3vw,20px));text-decoration:none;display:flex}.mobile-menu .mobile-menu-content .mobile-menu-buttons .mobile-btn.mobile-btn-primary{background-color:var(--color-btn-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-btn-primary)}.mobile-menu .mobile-menu-content .mobile-menu-buttons .mobile-btn.mobile-btn-primary:hover{box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-2px)}.mobile-menu .mobile-menu-content .mobile-menu-buttons .mobile-btn.mobile-btn-secondary{background-color:var(--color-btn-secondary);color:var(--color-btn-secondary-text);box-shadow:var(--shadow-btn-white)}.mobile-menu .mobile-menu-content .mobile-menu-buttons .mobile-btn.mobile-btn-secondary:hover{box-shadow:var(--shadow-btn-white-hover);transform:translateY(-2px)}}@media (min-width:769px){.pc-hide{display:none}}.header-nav-mobile{width:100%}@media (max-width:480px){.header .header-container{padding:0 max(12px,min(3vw,16px))}.header .nav-menu .nav-item{font-size:max(14px,min(4vw,18px))}.header .header-buttons .btn{padding:max(6px,min(2vw,8px)) max(8px,min(3vw,12px));font-size:max(12px,min(3vw,16px))}.header .logo-container{gap:max(2px,min(.5vw,4px))}.header .nav-menu{gap:max(12px,min(2vw,20px))}.header .header-buttons{gap:max(2px,min(.5vw,4px))}}@media (min-width:481px) and (max-width:768px){.header .nav-menu .nav-item{font-size:max(16px,min(3vw,20px))}.header .header-buttons .btn{font-size:max(14px,min(2.5vw,18px))}.header .logo-container{gap:max(3px,min(.8vw,6px))}.header .nav-menu{gap:max(16px,min(2.5vw,30px))}.header .header-buttons{gap:max(3px,min(.8vw,6px))}}@media (min-width:769px) and (max-width:1024px){.header .nav-menu .nav-item{font-size:max(18px,min(2vw,22px))}.header .header-buttons .btn{font-size:max(16px,min(1.8vw,20px))}.header .logo-container{gap:max(4px,min(1vw,8px))}.header .nav-menu{gap:max(20px,min(3vw,40px))}.header .header-buttons{gap:max(4px,min(1vw,8px))}}@media (min-width:1025px) and (max-width:1440px){.header .nav-menu .nav-item{font-size:max(20px,min(1.5vw,24px))}.header .header-buttons .btn{font-size:max(18px,min(1.2vw,20px))}.header .logo-container{gap:max(6px,min(1.2vw,8px))}.header .nav-menu{gap:max(30px,min(3.5vw,40px))}.header .header-buttons{gap:max(6px,min(1.2vw,8px))}}
.banner{background:#030932 url(/assets/hero/background.png) 50%/cover no-repeat fixed;width:100%;min-height:100vh;padding:0 30px;position:relative;overflow:hidden}.banner:before{content:"";z-index:1;background:linear-gradient(135deg,rgba(3,9,50,.7) 0%,rgba(3,9,50,.3) 50%,rgba(3,9,50,.7) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.banner .banner-content{z-index:3;flex-direction:column;justify-content:center;align-items:center;margin-top:200px;margin-bottom:150px;display:flex;position:relative}.banner .banner-content .content-wrapper{flex-direction:column;align-items:center;gap:50px;width:100%;max-width:1200px;margin-bottom:50px;padding:0 20px;display:flex}.banner .banner-content .content-wrapper .title-section{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.banner .banner-content .content-wrapper .title-section .welcome-text{font-family:var(--font-family-primary);font-size:max(32px,min(4vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--color-text-inverse);white-space:nowrap;margin:0}.banner .banner-content .content-wrapper .title-section .main-title{font-family:var(--font-family-primary);font-size:max(32px,min(4vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);background:linear-gradient(90deg,#ff7a74 0%,#755dff 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0}.banner .banner-content .content-wrapper .description{font-family:var(--font-family-secondary);font-size:max(16px,min(2.5vw,22px));font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-inverse);text-align:center;max-width:800px;margin:0}.banner .banner-content .content-wrapper .description p{margin:0}.banner .banner-content .content-wrapper .cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:max(12px,min(2vw,20px));display:flex}.banner .banner-content .content-wrapper .cta-buttons .btn{cursor:pointer;font-family:var(--font-family-primary);font-size:max(16px,min(2vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);transition:var(--transition-normal);border:none;border-radius:14px;align-items:center;gap:max(6px,min(1vw,8px));padding:max(10px,min(1.5vw,12px)) max(20px,min(3vw,28px));display:flex}.banner .banner-content .content-wrapper .cta-buttons .btn .btn-icon{flex-shrink:0;width:max(24px,min(3vw,32px));height:max(24px,min(3vw,32px))}.banner .banner-content .content-wrapper .cta-buttons .btn.btn-primary{color:#fff;background:#00b2ff;box-shadow:4px 6px #004aea}.banner .banner-content .content-wrapper .cta-buttons .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:6px 8px #004aea}.banner .banner-content .content-wrapper .cta-buttons .btn.btn-secondary{color:#1c1d21;background:#fff;box-shadow:4px 6px #98b2c9}.banner .banner-content .content-wrapper .cta-buttons .btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:6px 8px #98b2c9}.banner .video-container{z-index:5;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));width:max(800px,min(50vw,1000px));margin:0 auto;position:relative}.banner .video-container .video-wrapper{background:#212121;border:4px solid #00c8ff;border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,200,255,.3)}.banner .video-container .video-wrapper .video-background{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.banner .video-container .video-wrapper .video-background .video-bg-image{object-fit:cover;object-position:center;width:100%;height:100%}.banner .video-container .video-wrapper .video-background iframe{width:100%;height:100%;position:absolute;top:0;left:0}.banner .video-container .video-wrapper .video-border{opacity:.6;border:4px solid #00c8ff;border-radius:38px;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.banner .pet-running{z-index:15;position:absolute;top:-230px;left:-50px}.banner .pet-running .pet-run-image{object-fit:contain;width:175px;height:238px}@media (max-width:768px){.banner .banner-content{margin-bottom:130px}.banner .banner-content .content-wrapper{margin-bottom:0}.banner .video-container{width:95%;height:max(200px,min(25vw,300px))}.banner .pet-running{width:100px;height:130px;top:-125px;left:-10px}.banner .pet-running .pet-run-image{width:100%;height:100%}}@media (max-width:480px){.banner .banner-content{margin-bottom:100px}.banner .banner-content .content-wrapper{margin-bottom:0}.banner .pet-running{width:80px;height:110px;top:-105px;left:-10px}.banner .pet-running .pet-run-image{width:100%;height:100%}}
.journey{background-color:var(--color-header-bg);width:100%;padding:var(--spacing-section)0;position:relative;overflow:hidden}.journey .journey-background{z-index:1;background-image:url(/assets/journey/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.journey .journey-overlay{background:linear-gradient(to bottom,rgba(3,9,50,.7) 80%,var(--color-header-bg)100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.journey .journey-container{z-index:3;max-width:1920px;padding:0 var(--header-padding-x);margin:0 auto;position:relative}@media (max-width:768px){.journey .journey-container{padding:0 var(--spacing-xl)}}.journey .journey-header{text-align:center;margin-bottom:var(--spacing-8xl)}.journey .journey-header .journey-title{color:var(--color-primary-200);font-family:var(--font-family-primary);font-size:max(32px,min(5vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.journey .journey-header .journey-title{font-size:max(28px,min(6vw,40px))}}.journey .journey-header .journey-description{color:var(--color-primary-50);font-family:var(--font-family-secondary);font-size:max(20px,min(2.5vw,26px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);max-width:712px;margin:0 auto}@media (max-width:768px){.journey .journey-header .journey-description{font-size:max(18px,min(3.5vw,22px))}}.journey .journey-cards{gap:var(--spacing-2xl);margin-bottom:var(--spacing-8xl);grid-template-columns:repeat(4,1fr);justify-content:center;max-width:1600px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:1400px){.journey .journey-cards{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);max-width:800px}}@media (max-width:768px){.journey .journey-cards{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:385px}}.journey .journey-card{justify-self:center;width:100%;max-width:385px;height:566px;position:relative}@media (max-width:1400px){.journey .journey-card{max-width:350px;height:520px}}@media (max-width:768px){.journey .journey-card{max-width:100%;height:auto;min-height:520px}}.journey .journey-card .card-background{z-index:1;background-image:url(/assets/journey/card-bg-2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:395px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.journey .journey-card .card-background{height:350px}}.journey .journey-card .card-pet{z-index:2;width:250px;height:250px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:1400px){.journey .journey-card .card-pet{width:220px;height:220px}}@media (max-width:768px){.journey .journey-card .card-pet{width:200px;height:200px;top:50px}}.journey .journey-card .card-pet img{object-fit:cover;width:100%;height:100%}.journey .journey-card .card-button{background-color:var(--color-primary-200);cursor:pointer;width:60px;height:60px;transition:var(--transition-normal);z-index:3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.journey .journey-card .card-button{width:50px;height:50px}}.journey .journey-card .card-button:hover{transform:translate(-50%)scale(1.1);background-color:var(--color-primary-300)!important}.journey .journey-card .card-button .button-icon{width:34.286px;height:34.286px;color:var(--color-text-inverse)}@media (max-width:768px){.journey .journey-card .card-button .button-icon{width:28px;height:28px}}.journey .journey-card .card-content{padding:var(--spacing-xl)var(--spacing-lg);text-align:center;z-index:2;position:absolute;bottom:80px;left:0;right:0}@media (max-width:768px){.journey .journey-card .card-content{padding:var(--spacing-lg)var(--spacing-md);bottom:60px}}.journey .journey-card .card-content .card-number{color:var(--color-primary-700);font-family:var(--font-family-primary);font-size:50px;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.journey .journey-card .card-content .card-number.number-2,.journey .journey-card .card-content .card-number.number-3,.journey .journey-card .card-content .card-number.number-4{color:var(--color-primary-700)}.journey .journey-card .card-content .card-title{color:var(--color-text-inverse);font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}@media (max-width:768px){.journey .journey-card .card-content .card-title{font-size:var(--font-size-2xl)}}.journey .journey-card .card-content .card-description{color:var(--color-text-inverse);font-family:var(--font-family-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}@media (max-width:768px){.journey .journey-card .card-content .card-description{font-size:var(--font-size-base)}}.journey .journey-cta{text-align:center}.journey .journey-cta .cta-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background-color:var(--color-btn-secondary);color:var(--color-btn-secondary-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-btn-white);font-family:var(--font-family-primary);font-size:max(18px,min(2.5vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);cursor:pointer;transition:var(--transition-normal);border:none;text-decoration:none;display:inline-flex}.journey .journey-cta .cta-button:hover{box-shadow:var(--shadow-btn-white-hover);transform:translateY(-2px)}.journey .journey-cta .cta-button .cta-icon{width:28px;height:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.journey-cards .journey-card{animation:.8s ease-out fadeInUp}.journey-cards .journey-card:first-child{animation-delay:.1s}.journey-cards .journey-card:nth-child(2){animation-delay:.2s}.journey-cards .journey-card:nth-child(3){animation-delay:.3s}.journey-cards .journey-card:nth-child(4){animation-delay:.4s}.journey-header{animation:.8s ease-out fadeInUp}.journey-cta{animation:.8s ease-out .5s both fadeInUp}
.gameplay{background-color:var(--color-header-bg);width:100%;padding:60px 0 100px;position:relative;overflow:hidden}.gameplay:before{content:"";z-index:1;filter:blur(20px);background:linear-gradient(transparent 0%,rgba(91,225,255,.1) 20%,rgba(20,129,255,.3) 40%,rgba(91,225,255,.5) 50%,rgba(20,129,255,.3) 60%,rgba(91,225,255,.1) 80%,transparent 100%);border-radius:20px;height:66.67%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gameplay .gameplay-container{z-index:2;max-width:1660px;margin:0 auto;padding:0 30px;position:relative}@media (max-width:768px){.gameplay .gameplay-container{padding:0 20px}}.gameplay .gameplay-header{text-align:center;margin-bottom:100px}.gameplay .gameplay-header .gameplay-title{color:#36f2ff;font-family:"Titan One",var(--font-family-primary);text-transform:uppercase;margin-bottom:28px;font-size:max(32px,min(5vw,54px));font-weight:400;line-height:1}.gameplay .gameplay-header .gameplay-description{color:#afe4ff;font-family:"Work Sans",var(--font-family-secondary);max-width:754px;margin:0 auto;font-size:max(18px,min(2.5vw,26px));font-weight:500;line-height:1}.gameplay .gameplay-content{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (max-width:1024px){.gameplay .gameplay-content{flex-direction:column;align-items:center;gap:40px}}.gameplay .gameplay-items{flex-direction:column;flex-shrink:0;gap:20px;width:544px;display:flex}@media (max-width:1024px){.gameplay .gameplay-items{width:100%;max-width:544px}}@media (max-width:768px){.gameplay .gameplay-items{gap:16px}}.gameplay .gameplay-item{cursor:pointer;background:0 0;border:2px solid #1481ff;border-radius:14px;padding:20px 30px 30px;transition:all .3s;position:relative;overflow:hidden}.gameplay .gameplay-item:hover{border-color:#5be1ff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(91,225,255,.2)}.gameplay .gameplay-item.active{background:linear-gradient(135deg,rgba(91,225,255,.1) 0%,rgba(20,129,255,.05) 100%);border-color:#5be1ff;box-shadow:0 8px 25px rgba(91,225,255,.3)}.gameplay .gameplay-item .item-content{z-index:2;position:relative}.gameplay .gameplay-item .item-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.gameplay .gameplay-item .item-header .item-icon{flex-shrink:0;width:52px;height:52px;position:relative}.gameplay .gameplay-item .item-header .item-icon .icon-image{object-fit:contain;width:100%;height:100%}.gameplay .gameplay-item .item-header .item-title{color:#35bcff;font-family:"Titan One",var(--font-family-primary);text-transform:uppercase;white-space:nowrap;margin:0;font-size:max(20px,min(3vw,30px));font-weight:400;line-height:1.5}.gameplay .gameplay-item .item-description{color:#7cd3ff;font-family:"Work Sans",var(--font-family-secondary);margin:0;font-size:max(16px,min(2vw,20px));font-weight:500;line-height:1}.gameplay .gameplay-item .item-indicator{z-index:3;position:absolute;top:50%;left:0;transform:translateY(-50%)}.gameplay .gameplay-item .item-indicator .indicator-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:20px}.gameplay .gameplay-item:focus{outline-offset:2px;outline:2px solid #5be1ff}.gameplay .gameplay-display{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}@media (max-width:1024px){.gameplay .gameplay-display{width:100%;max-width:600px;min-height:350px;margin:0 auto}}@media (max-width:768px){.gameplay .gameplay-display{min-height:300px;margin:0 auto}}.gameplay .display-container{aspect-ratio:3/2;background:#fff;border:1px solid #1481ff;border-radius:16px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}.gameplay .display-container .display-image{width:100%;height:100%;position:relative}.gameplay .display-container .display-image .main-image{object-fit:cover;object-position:center;transition:opacity .3s}@media (max-width:768px){.gameplay{padding:40px 0 80px}.gameplay .gameplay-container{padding:0 16px}.gameplay .gameplay-header{margin-bottom:60px}.gameplay .gameplay-header .gameplay-title{margin-bottom:20px;font-size:max(28px,min(8vw,42px))}.gameplay .gameplay-header .gameplay-description{font-size:max(16px,min(4vw,20px))}.gameplay .gameplay-content{gap:30px}.gameplay .gameplay-items{gap:12px}.gameplay .gameplay-item{padding:16px 20px 24px}.gameplay .gameplay-item .item-header{gap:12px;margin-bottom:8px}.gameplay .gameplay-item .item-header .item-icon{width:48px;height:48px}.gameplay .gameplay-item .item-header .item-title{font-size:max(16px,min(4vw,24px))}.gameplay .gameplay-item .item-description{font-size:max(14px,min(3vw,16px))}.gameplay .gameplay-item .item-indicator{left:-5px}.gameplay .gameplay-item .item-indicator .indicator-icon{width:18px;height:22px}.gameplay .display-container{aspect-ratio:4/3;max-width:100%;margin:0 auto}}@media (max-width:480px){.gameplay{padding:30px 0 60px}.gameplay .gameplay-header{margin-bottom:40px}.gameplay .gameplay-header .gameplay-title{font-size:max(24px,min(10vw,32px))}.gameplay .gameplay-header .gameplay-description{font-size:max(14px,min(5vw,18px))}.gameplay .gameplay-item{padding:12px 16px 20px}.gameplay .gameplay-item .item-header .item-icon{width:40px;height:40px}.gameplay .gameplay-item .item-header .item-title{font-size:max(14px,min(5vw,20px))}.gameplay .gameplay-item .item-description{font-size:max(12px,min(4vw,14px))}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.gameplay-items .gameplay-item{animation:.6s ease-out slideInLeft}.gameplay-items .gameplay-item:first-child{animation-delay:.1s}.gameplay-items .gameplay-item:nth-child(2){animation-delay:.2s}.gameplay-items .gameplay-item:nth-child(3){animation-delay:.3s}.gameplay-items .gameplay-item:nth-child(4){animation-delay:.4s}.gameplay-display{animation:.8s ease-out slideInRight}.gameplay-header{animation:.6s ease-out slideInLeft}
.pet-master{background-color:var(--color-header-bg);width:100%;padding:var(--spacing-section)0;position:relative;overflow:hidden}.pet-master .pet-master-container{max-width:1920px;padding:0 var(--header-padding-x);margin:0 auto;position:relative}@media (max-width:768px){.pet-master .pet-master-container{padding:0 var(--spacing-xl)}}.pet-master .pet-master-content{gap:var(--spacing-8xl);border-radius:var(--radius-2xl);padding:var(--spacing-6xl)var(--spacing-4xl);background-image:url(/assets/pet-master/bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (max-width:1200px){.pet-master .pet-master-content{gap:var(--spacing-6xl);background:0 0;grid-template-columns:1fr;max-width:800px}}@media (max-width:768px){.pet-master .pet-master-content{gap:var(--spacing-4xl);max-width:100%;padding:var(--spacing-4xl)var(--spacing-xl);background:0 0}}.pet-master .pet-master-header{text-align:center;margin-bottom:var(--spacing-8xl)}.pet-master .pet-master-header .pet-master-title{color:var(--color-primary-200);font-family:var(--font-family-primary);font-size:max(32px,min(5vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}@media (max-width:768px){.pet-master .pet-master-header .pet-master-title{font-size:var(--font-size-4xl)}}.pet-master .pet-master-header .pet-master-description{color:var(--color-primary-50);font-family:var(--font-family-secondary);font-size:max(20px,min(2.5vw,26px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}@media (max-width:768px){.pet-master .pet-master-header .pet-master-description{font-size:var(--font-size-lg)}}.pet-master .leaderboard-section{background-color:var(--color-primary-900);border-radius:var(--radius-2xl);padding:var(--spacing-5xl)var(--spacing-4xl)}@media (max-width:768px){.pet-master .leaderboard-section{padding:var(--spacing-3xl)var(--spacing-xl)}}.pet-master .leaderboard-section .leaderboard-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.pet-master .leaderboard-section .leaderboard-header .trophy-icon{justify-content:center;align-items:center;width:60px;height:60px;display:flex}@media (max-width:768px){.pet-master .leaderboard-section .leaderboard-header .trophy-icon{width:50px;height:50px}}.pet-master .leaderboard-section .leaderboard-header .leaderboard-title{background:linear-gradient(135deg,#ffbe45 0%,#be32ff 100%);-webkit-text-fill-color:transparent;font-family:var(--font-family-primary);font-size:max(25px,min(2.5vw,40px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);-webkit-background-clip:text;background-clip:text}.pet-master .leaderboard-section .leaderboard-list{gap:var(--spacing-md);flex-direction:column;display:flex}.pet-master .leaderboard-section .leaderboard-item{background-color:var(--color-primary-50);border-radius:var(--radius-xl);padding:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.pet-master .leaderboard-section .leaderboard-item .item-left{align-items:center;gap:var(--spacing-lg);display:flex}.pet-master .leaderboard-section .leaderboard-item .item-left .rank{color:var(--color-primary-500);font-family:var(--font-family-primary);font-size:max(18px,min(5vw,28px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);min-width:38px}.pet-master .leaderboard-section .leaderboard-item .item-left .avatar{background-color:var(--color-primary-200);border:3px solid var(--color-gray-800);border-radius:50%;width:60px;height:60px;overflow:hidden}@media (max-width:900px){.pet-master .leaderboard-section .leaderboard-item .item-left .avatar{display:none}}@media (max-width:768px){.pet-master .leaderboard-section .leaderboard-item .item-left .avatar{width:50px;height:50px;display:none}}.pet-master .leaderboard-section .leaderboard-item .item-left .avatar img{object-fit:cover;width:100%;height:100%}.pet-master .leaderboard-section .leaderboard-item .item-left .name{color:var(--color-gray-800);font-family:var(--font-family-primary);font-size:max(18px,min(5vw,28px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.pet-master .leaderboard-section .leaderboard-item .item-right{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.pet-master .leaderboard-section .leaderboard-item .item-right .percentage{color:var(--color-gray-800);font-family:var(--font-family-primary);font-size:max(16px,min(5vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.pet-master .leaderboard-section .leaderboard-item .item-right .power-label{color:var(--color-gray-600);font-family:var(--font-family-secondary);font-size:max(14px,min(5vw,22px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.pet-master .pet-master-info{z-index:99;gap:var(--spacing-6xl);text-align:center;flex-direction:column;align-items:center;display:flex}.pet-master .pet-master-info .info-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.pet-master .pet-master-info .info-content .info-title{color:var(--color-text-inverse);font-family:var(--font-family-primary);font-size:max(30px,min(5vw,40px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.pet-master .pet-master-info .info-content .info-description{color:var(--color-text-inverse);font-family:var(--font-family-secondary);font-size:max(14px,min(5vw,26px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);max-width:550px}.pet-master .pet-master-info .info-buttons{gap:var(--spacing-xl);flex-direction:column;width:100%;max-width:300px;display:flex}.pet-master .pet-master-info .info-buttons .btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:max(18px,min(2.5vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);cursor:pointer;transition:var(--transition-normal);border:none;width:100%;text-decoration:none;display:flex}.pet-master .pet-master-info .info-buttons .btn.btn-primary{background-color:var(--color-btn-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-btn-primary)}.pet-master .pet-master-info .info-buttons .btn.btn-primary:hover{box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-2px)}.pet-master .pet-master-info .info-buttons .btn.btn-secondary{background-color:var(--color-btn-secondary);color:var(--color-btn-secondary-text);box-shadow:var(--shadow-btn-white)}.pet-master .pet-master-info .info-buttons .btn.btn-secondary:hover{box-shadow:var(--shadow-btn-white-hover);transform:translateY(-2px)}.pet-master .pet-master-info .info-buttons .btn .btn-icon{width:28px;height:28px}.pet-master .pet-animation{z-index:1;width:800px;position:absolute;bottom:-95px;right:0}@media (max-width:1200px){.pet-master .pet-animation{display:none}}.pet-master .pet-animation img{object-fit:contain;width:100%;height:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pet-master-header{animation:.8s ease-out fadeInUp}.leaderboard-section{animation:.8s ease-out .2s both fadeInUp}.pet-master-info{animation:.8s ease-out .4s both fadeInUp}.pet-animation{animation:.8s ease-out .6s both fadeInUp}
.news-events{background-color:var(--color-header-bg);width:100%;padding:var(--spacing-section)0;position:relative;overflow:hidden}.news-events .news-events-background{z-index:1;background-image:url(/assets/new-events/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.news-events .news-events-overlay{background:linear-gradient(to bottom,var(--color-header-bg)0%,rgba(3,9,50,.85) 20%,rgba(3,9,50,.9) 70%,var(--color-header-bg)100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.news-events .news-events-container{z-index:3;max-width:1920px;padding:0 var(--header-padding-x);margin:0 auto;position:relative}@media (max-width:768px){.news-events .news-events-container{padding:0 var(--spacing-xl)}}.news-events .news-events-header{text-align:center;margin-bottom:var(--spacing-8xl);max-width:727px;margin-left:auto;margin-right:auto}.news-events .news-events-header .news-events-title{color:var(--color-primary-200);font-family:var(--font-family-primary);font-size:max(32px,min(5vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.news-events .news-events-header .news-events-title{font-size:var(--font-size-4xl)}}.news-events .news-events-header .news-events-description{color:var(--color-primary-50);font-family:var(--font-family-secondary);font-size:max(20px,min(2.5vw,26px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}@media (max-width:768px){.news-events .news-events-header .news-events-description{font-size:var(--font-size-lg)}}.news-events .news-events-cards{gap:var(--spacing-xl);margin-bottom:var(--spacing-8xl);grid-template-columns:repeat(3,1fr);justify-content:center;max-width:1600px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:1300px){.news-events .news-events-cards{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:350px}}.news-events .news-card{justify-self:center;width:100%;max-width:500px;height:470px;position:relative}@media (max-width:1300px){.news-events .news-card{max-width:100%;height:350px}}.news-events .news-card .card-background{z-index:1;background-image:url(/assets/new-events/card-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.news-events .news-card .card-image{border-radius:var(--radius-xl);z-index:2;max-width:calc(100% - 52px);position:absolute;top:26px;left:26px;right:26px;overflow:hidden}@media (max-width:1300px){.news-events .news-card .card-image{max-width:calc(100% - 40px);top:20px;left:20px;right:20px}}.news-events .news-card .card-image img{object-fit:cover;width:100%;height:100%}.news-events .news-card .card-content{padding:var(--spacing-xl)var(--spacing-lg);z-index:3;position:absolute;bottom:10px;left:30px;right:30px}@media (max-width:1300px){.news-events .news-card .card-content{padding:var(--spacing-lg)var(--spacing-md);bottom:10px;left:20px;right:20px}}.news-events .news-card .card-content .card-title{color:var(--color-text-inverse);font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}@media (max-width:1200px){.news-events .news-card .card-content .card-title{font-size:20px}}@media (max-width:1300px){.news-events .news-card .card-content .card-title{font-size:17px}}.news-events .news-card .card-content .card-description{min-height:66px;color:var(--color-text-inverse);font-family:var(--font-family-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}@media (max-width:1200px){.news-events .news-card .card-content .card-description{font-size:20px}}@media (max-width:1300px){.news-events .news-card .card-content .card-description{font-size:17px}}.news-events .news-card .card-button{background-color:var(--color-text-inverse);cursor:pointer;width:40px;height:40px;transition:var(--transition-normal);z-index:4;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:40px;right:50px}@media (max-width:1300px){.news-events .news-card .card-button{width:30px;height:30px;bottom:20px;right:20px}}.news-events .news-card .card-button:hover{transform:scale(1.1)}.news-events .news-card .card-button .button-icon{width:24px;height:24px}.news-events .news-events-cta{justify-content:center;display:flex}.news-events .news-events-cta .cta-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background-color:var(--color-text-inverse);color:var(--color-gray-700);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:max(18px,min(2.5vw,24px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-btn-white);border:none;text-decoration:none;display:flex}.news-events .news-events-cta .cta-button:hover{box-shadow:var(--shadow-btn-white-hover);transform:translateY(-2px)}.news-events .news-events-cta .cta-button .cta-icon{width:28px;height:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.news-events-header,.news-events-cards .news-card{animation:.8s ease-out fadeInUp}.news-events-cards .news-card:first-child{animation-delay:.2s}.news-events-cards .news-card:nth-child(2){animation-delay:.4s}.news-events-cards .news-card:nth-child(3){animation-delay:.6s}.news-events-cta{animation:.8s ease-out .8s both fadeInUp}
.partners{background-color:var(--color-header-bg);width:100%;padding:var(--spacing-section)0;position:relative;overflow:hidden}.partners .partners-background{opacity:.15;z-index:1;background-image:url(/assets/partners/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:1920px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.partners .partners-container{z-index:2;width:100%;margin:0 auto;position:relative}@media (max-width:768px){.partners .partners-container{padding:0 var(--spacing-xl)}}.partners .partners-header{text-align:center;margin-bottom:var(--spacing-8xl);max-width:727px;margin-left:auto;margin-right:auto}.partners .partners-header .partners-title{color:var(--color-primary-200);font-family:var(--font-family-primary);font-size:max(32px,min(5vw,54px));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.partners .partners-header .partners-title{font-size:var(--font-size-4xl)}}.partners .partners-header .partners-description{color:var(--color-primary-50);font-family:var(--font-family-secondary);font-size:max(20px,min(2.5vw,26px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}@media (max-width:768px){.partners .partners-header .partners-description{font-size:var(--font-size-lg)}}.partners .partners-section{margin-bottom:var(--spacing-3xl)}.partners .partners-section:last-child{margin-bottom:0}@media (max-width:768px){.partners .partners-section{margin-bottom:var(--spacing-6xl)}}.partners .partners-section .section-title{color:var(--color-primary-200);font-family:var(--font-family-primary);font-size:max(16px,min(5vw,28px));font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);text-align:center;margin-bottom:var(--spacing-5xl)}@media (max-width:768px){.partners .partners-section .section-title{margin-bottom:var(--spacing-4xl)}}.partners .partners-section .partners-grid{gap:var(--spacing-4xl);padding:var(--spacing-md);background-color:rgba(255,255,255,.05);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (max-width:1200px){.partners .partners-section .partners-grid{gap:var(--spacing-3xl);padding:var(--spacing-3xl)}}@media (max-width:768px){.partners .partners-section .partners-grid{gap:var(--spacing-2xl);padding:var(--spacing-2xl);flex-direction:column}}.partners .partners-section .partner-item{padding:var(--spacing-lg);transition:var(--transition-normal);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.partners .partners-section .partner-item{padding:var(--spacing-md)}}.partners .partners-section .partner-item:hover{transform:scale(1.05)}.partners .partners-section .partner-item .partner-logo{filter:brightness(0)invert();opacity:.7;max-width:180px;height:auto;transition:var(--transition-normal)}@media (max-width:1200px){.partners .partners-section .partner-item .partner-logo{max-width:150px}}@media (max-width:768px){.partners .partners-section .partner-item .partner-logo{max-width:120px}}.partners .partners-section .partner-item .partner-logo:hover{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.partners-header,.partners-section{animation:.8s ease-out fadeInUp}.partners-section:nth-child(2){animation-delay:.2s}.partners-section:nth-child(3){animation-delay:.4s}.partner-item{animation:.6s ease-out fadeInUp}.partner-item:first-child{animation-delay:.1s}.partner-item:nth-child(2){animation-delay:.2s}.partner-item:nth-child(3){animation-delay:.3s}.partner-item:nth-child(4){animation-delay:.4s}.partner-item:nth-child(5){animation-delay:.5s}.partner-item:nth-child(6){animation-delay:.6s}