@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-Regular.ttf')}@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-SemiBold.ttf');font-weight:600}@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-Bold.ttf');font-weight:700}
:root{--pink:#ed2b8d;--text:#33333a;--muted:#6b6b73;--dark:#0b0c11;--line:#e7e7e9;--container:1160px;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:400 12px/1.65 Poppins,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--container),calc(100% - 64px));margin:auto}.reading-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px}.reading-progress i{display:block;width:0;height:100%;background:var(--pink)}.site-header{position:fixed;z-index:900;top:0;left:0;width:100%;height:var(--header);color:#fff;background:#0c0d12d9;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px);transition:height .3s,box-shadow .3s}.site-header.is-scrolled{height:66px;box-shadow:0 12px 35px #0005}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--pink);font-size:20px;font-weight:600;letter-spacing:2px}.btn{display:inline-flex;width:212px;height:49px;align-items:center;justify-content:center;border:0;border-radius:5px;background:var(--pink);color:#fff;box-shadow:0 12px 26px #ed2b8d38;transition:transform .25s,box-shadow .25s,filter .25s;cursor:pointer}.btn:hover,.btn:focus-visible{transform:translateY(-3px);box-shadow:0 18px 34px #ed2b8d55;filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn-small{width:119px;height:39px}.photo-section{position:relative;color:#fff;background-color:#090c12;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}.photo-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101a40,transparent 55%,#1c07113b)}.photo-section>.container,.form-section>form{position:relative;z-index:1}.hero{min-height:720px;padding-top:var(--header);background-image:url('../assets/backgrounds/hero-singer.png');background-position:center 43%}.hero-inner{padding-top:128px}.hero h1,h2{font-size:clamp(28px,2.2vw,34px);line-height:1.2;margin:0}.hero h1:after,h2:after{content:"";display:block;width:45px;height:4px;margin-top:15px;background:var(--pink);transform-origin:left;animation:lineIn .8s .2s both}.hero-text{margin:23px 0 34px;color:#eee;font-size:13px}.song-track{display:grid;grid-template-columns:repeat(3,250px);gap:22px}.song{color:#26262b;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 12px 30px #0006;transition:transform .35s,box-shadow .35s}.song:hover{transform:translateY(-9px) scale(1.015);box-shadow:0 26px 50px #0008}.song-top{height:39px;padding:5px 10px;display:flex;justify-content:space-between;background:#252632;color:#fff;font-size:7px;line-height:1.35}.song-top b{font-size:12px;font-weight:400}.cover{height:110px;display:grid;place-items:center;background:linear-gradient(135deg,#72527d,#18222e 55%,#de5c8c)}.cover-b{background:linear-gradient(135deg,#532a2d,#c47b69,#23202b)}.cover-c{background:linear-gradient(135deg,#9b5f42,#19181c)}.cover button{display:grid;place-items:center;width:39px;height:39px;padding-left:4px;border:0;border-radius:50%;color:#fff;background:#ffffff66;transition:transform .25s,background .25s;cursor:pointer}.song:hover .cover button,.cover button:focus-visible{transform:scale(1.15);background:var(--pink)}.song-bottom{height:45px;padding:5px 9px;display:grid;grid-template-columns:1fr auto;font-size:9px;line-height:1.2}.song-bottom small{color:#9a9a9f}.status{height:16px;min-width:52px;text-align:center;color:#fff;background:var(--pink);border-radius:7px;font-size:8px}.slider-controls{display:flex;align-items:center;justify-content:center;width:794px;gap:14px;margin-top:19px}.slider-controls>button{width:30px;height:30px;border:1px solid #ffffff44;border-radius:50%;background:#05070a70;color:#fff;cursor:pointer;transition:background .2s,border .2s}.slider-controls>button:hover{border-color:var(--pink);background:var(--pink)}.slider-dots{display:flex;gap:10px}.slider-dots button{width:7px;height:7px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.slider-dots button.active{background:#fff}.why,.security,.ecosystem{background:#fff}.why{padding:90px 0 96px;text-align:center}.why h2,.security h2,.ecosystem h2{text-align:left}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;margin:52px 0 50px;text-align:left}.why-grid article{padding-bottom:18px;border-bottom:1px solid var(--line)}.why-grid h3,.how h3{font-size:11px;letter-spacing:5px;margin:0 0 26px}.why ul{list-style:none;padding:0;margin:0}.why li{position:relative;padding:0 0 21px 38px}.why li:before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--pink);color:#fff;font-size:10px;transition:transform .25s}.why li:hover:before{transform:scale(1.18)}.how{padding:88px 0 64px;background-image:url('../assets/backgrounds/how-guitarist.png');background-position:center 48%}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:44px;padding:30px 0;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38}.how-grid article+article{border-left:1px solid #ffffff33;padding-left:50px}.how ol{list-style:none;counter-reset:n;padding:0;margin:0}.how li{counter-increment:n;position:relative;padding:0 0 16px 31px;color:#ececef}.how li:before{content:counter(n);position:absolute;left:0;color:var(--pink)}.faq{display:block;width:max-content;margin:32px auto 0;color:var(--pink);text-decoration:underline}.security{padding:88px 0}.security p{margin:30px 0 0;color:var(--muted)}.interest{padding:85px 0 94px;background-image:url('../assets/backgrounds/register-mixer.png')}.interest-box{display:grid;grid-template-columns:1fr 1fr;margin-top:42px;border:1px solid #ffffff30;background:#0a0b0da6;backdrop-filter:blur(3px)}.interest-box article{text-align:center;padding:38px 30px}.interest-box article+article{border-left:1px solid #ffffff2f}.interest h3{font-size:18px;margin:0 0 3px}.interest p{min-height:45px;margin:0 0 22px}.ecosystem{padding:88px 0 105px}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.eco-grid article{text-align:center;padding:38px 20px 34px;border:1px solid transparent;background:#fdfdfd;box-shadow:0 8px 30px #17131c08;transition:transform .3s,border-color .3s,box-shadow .3s}.eco-grid article:hover{transform:translateY(-8px);border-color:#ed2b8d44;box-shadow:0 22px 45px #17131c12}.eco-icon{height:45px;display:block;color:var(--pink);font-size:35px;line-height:1}.eco-grid h3{font-size:12px;margin:18px 0 7px}.eco-grid p{color:#55555c;margin:0 0 19px}.eco-grid a{color:var(--pink)}.form-section{min-height:570px;padding:95px 0;background-image:url('../assets/backgrounds/signup-crowd.png');background-position:center 45%}.signup-form{width:500px;margin:auto;display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup-form label{position:relative;display:block}.signup-form input,.signup-form select{width:100%;height:56px;padding:15px 22px 0;border:1px solid #ffffff52;border-radius:5px;outline:0;background:#ffffff1f;color:#fff;transition:border .25s,background .25s,box-shadow .25s}.signup-form select{padding-top:8px}.signup-form option{color:#222}.signup-form label>span{position:absolute;left:22px;top:17px;color:#fff;pointer-events:none;transition:transform .2s,font-size .2s,opacity .2s}.signup-form input:focus,.signup-form select:focus{border-color:var(--pink);background:#ffffff29;box-shadow:0 0 0 3px #ed2b8d25}.signup-form input:focus+span,.signup-form input:not(:placeholder-shown)+span,.select-label span{font-size:8px;opacity:.72;transform:translateY(-10px)}.signup-form .btn{margin:10px auto 0}.form-message{min-height:20px;margin:0;text-align:center}.version-switch{padding:30px 20px;text-align:center;background:#0b0c10;color:#fff}.version-switch a{display:inline-block;padding:12px 18px;border-bottom:1px solid var(--pink)}footer{height:58px;background:#0b0c10;color:#9e9ea2;font-size:9px}footer p{width:min(var(--container),calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}footer a{color:var(--pink)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}.why-grid article:nth-child(2),.eco-grid article:nth-child(2){transition-delay:.1s}.eco-grid article:nth-child(3){transition-delay:.2s}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){:root{--header:68px}.container{width:calc(100% - 36px)}.site-header,.site-header.is-scrolled{height:var(--header)}.logo{font-size:17px}.btn-small{width:96px;height:36px}.hero{min-height:645px;background-position:56% center}.hero-inner{padding-top:72px}.hero h1{font-size:31px;max-width:260px}.hero-text{font-size:11px}.hero-text br,.security p br{display:none}.song-slider{width:100%;overflow:hidden}.song-track{display:flex;gap:0;transition:transform .45s cubic-bezier(.2,.7,.25,1)}.song{min-width:100%}.cover{height:145px}.slider-controls{width:100%}.why{padding:60px 0}.why h2,.how h2,.security h2,.ecosystem h2{font-size:25px}.why-grid{grid-template-columns:1fr;gap:28px;margin:38px 0}.why-grid h3,.how h3{letter-spacing:4px}.why .btn{width:100%}.how{padding:58px 0;background-position:42% center}.how-grid{grid-template-columns:1fr;gap:18px;margin-top:34px}.how-grid article+article{border-left:0;border-top:1px solid #ffffff33;padding:26px 0 0}.security{padding:60px 0}.interest{padding:60px 0}.interest-box{grid-template-columns:1fr;margin-top:35px}.interest-box article{padding:30px 16px}.interest-box article+article{border-left:0;border-top:1px solid #ffffff2f}.interest-box p br{display:none}.interest .btn{width:100%}.ecosystem{padding:60px 0}.eco-grid{grid-template-columns:1fr;gap:20px;margin-top:34px}.form-section{min-height:530px;padding:65px 18px;background-position:43% center}.signup-form{width:100%}.form-row{grid-template-columns:1fr}.signup-form .btn{width:100%}footer{height:auto;padding:18px 0}footer p{width:calc(100% - 36px);display:block;text-align:center}footer span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.photo-section{background-position:center!important}}
