article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-size:12px;line-height:1.5;font-family:system,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}fieldset,img{border:0}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{outline:0;padding:0;margin:0;border:none;background:transparent;-webkit-appearance:none}textarea{resize:none;overflow:auto}a{color:inherit}a:active,a:hover,a:link,a:visited{text-decoration:none}em,i{font-style:normal}ol,ul{list-style:none}.clearfix:after{content:"";display:block;clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-5{margin-top:5px}.mr-5{margin-right:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.pt-5{padding-top:5px}.pr-5{padding-right:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.pt-10{padding-top:10px}.pr-10{padding-right:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.mt-15{margin-top:15px}.mr-15{margin-right:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.pt-15{padding-top:15px}.pr-15{padding-right:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.pt-20{padding-top:20px}.pr-20{padding-right:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}@media screen and (min-width:750px){html{font-size:100px}}.hiplay-official{font-family:Plus Jakarta Sans,sans-serif;background-color:#121212;color:#fff;min-height:100vh;overflow-x:hidden}.hiplay-official .container{max-width:1200px;margin:0 auto;padding:0 40px}.hiplay-official .reveal{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .8s ease-out;transition:all .8s ease-out}.hiplay-official .reveal.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hiplay-official .nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:24px 0;background:rgba(18,18,18,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hiplay-official .nav .nav-inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hiplay-official .nav .logo{font-size:28px;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 0 10px rgba(187,134,252,.5)}.hiplay-official .nav .logo-image{width:40px;height:40px;margin-right:12px}.hiplay-official .nav .nav-links{display:-webkit-box;display:-webkit-flex;display:flex;gap:40px}.hiplay-official .nav .nav-links a{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:16px;font-weight:500;-webkit-transition:color .3s,text-shadow .3s;transition:color .3s,text-shadow .3s}.hiplay-official .nav .nav-links a:hover{color:#fff;text-shadow:0 0 8px rgba(8,217,214,.6)}.hiplay-official .hero{padding-top:160px;padding-bottom:120px;text-align:center;background:-webkit-radial-gradient(center,circle,#2a2a2a 0,#121212 70%);background:radial-gradient(circle at center,#2a2a2a 0,#121212 70%);min-height:80vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.hiplay-official .hero .hero-content{max-width:800px}.hiplay-official .hero h1{font-size:64px;line-height:1.1;margin-bottom:32px;background:-webkit-linear-gradient(left,#bb86fc,#08d9d6);background:linear-gradient(90deg,#bb86fc,#08d9d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(187,134,252,.3)}.hiplay-official .hero h1 span{display:block;font-size:32px;color:hsla(0,0%,100%,.7);-webkit-text-fill-color:hsla(0,0%,100%,.7);margin-top:16px;font-weight:400;text-shadow:none}.hiplay-official .hero p{font-size:20px;line-height:1.6;color:hsla(0,0%,100%,.8);max-width:600px;margin:0 auto 40px}.hiplay-official .hero .cta-button{display:inline-block;padding:16px 48px;background:-webkit-linear-gradient(left,#bb86fc,#08d9d6);background:linear-gradient(90deg,#bb86fc,#08d9d6);color:#000;font-weight:700;font-size:18px;border-radius:32px;text-decoration:none;-webkit-transition:box-shadow .3s,-webkit-transform .3s;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s;box-shadow:0 0 20px rgba(8,217,214,.4)}.hiplay-official .hero .cta-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 0 30px rgba(8,217,214,.6)}.hiplay-official .hero .mood-wheel-preview{margin-top:80px}.hiplay-official .hero .mood-wheel-preview img{max-width:800px;width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px rgba(187,134,252,.15);border:1px solid hsla(0,0%,100%,.05)}.hiplay-official .features-section{padding:120px 0}.hiplay-official .features-section .feature-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:80px;margin-bottom:160px}.hiplay-official .features-section .feature-item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.hiplay-official .features-section .feature-item:last-child{margin-bottom:0}.hiplay-official .features-section .feature-item .feature-text{-webkit-box-flex:1;-webkit-flex:1;flex:1}.hiplay-official .features-section .feature-item .feature-text h2{font-size:40px;margin-bottom:24px;color:#fff;background:-webkit-linear-gradient(left,#fff,#bb86fc);background:linear-gradient(90deg,#fff,#bb86fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hiplay-official .features-section .feature-item .feature-text p{font-size:18px;color:hsla(0,0%,100%,.7);line-height:1.6}.hiplay-official .features-section .feature-item .feature-image{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.05)}.hiplay-official .features-section .feature-item .feature-image img{width:100%;height:auto;display:block;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.hiplay-official .features-section .feature-item .feature-image img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.hiplay-official footer{padding:80px 0;border-top:1px solid hsla(0,0%,100%,.1);background-color:#0d0d0d}.hiplay-official footer .container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hiplay-official footer .brand{font-size:24px;color:#fff;text-shadow:0 0 10px rgba(187,134,252,.5)}.hiplay-official footer .footer-links{display:-webkit-box;display:-webkit-flex;display:flex;gap:40px}.hiplay-official footer .footer-links a{color:hsla(0,0%,100%,.6);text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.hiplay-official footer .footer-links a:hover{color:#fff}.hiplay-official footer .copyright{color:hsla(0,0%,100%,.4);font-size:14px}