.hero{background-color:#000;background-image:radial-gradient(50% 50% at 100% 0,#000 0% 5%,#f5405e 6% 15%,#000 16% 25%,#f5405e 26% 35%,#000 36% 45%,#f5405e 46% 55%,#000 56% 65%,#f5405e 66% 75%,#000 76% 85%,#f5405e 86% 95%,#0000 96%),radial-gradient(50% 50% at 0 100%,#000 0% 5%,#f5405e 6% 15%,#000 16% 25%,#f5405e 26% 35%,#000 36% 45%,#f5405e 46% 55%,#000 56% 65%,#f5405e 66% 75%,#000 76% 85%,#f5405e 86% 95%,#0000 96%),radial-gradient(50% 50%,#000 0% 5%,#f5405e 6% 15%,#000 16% 25%,#f5405e 26% 35%,#000 36% 45%,#f5405e 46% 55%,#000 56% 65%,#f5405e 66% 75%,#000 76% 85%,#f5405e 86% 95%,#0000 96%),radial-gradient(50% 50%,#000 0% 5%,#f5405e 6% 15%,#000 16% 25%,#f5405e 26% 35%,#000 36% 45%,#f5405e 46% 55%,#000 56% 65%,#f5405e 66% 75%,#000 76% 85%,#f5405e 86% 95%,#0000 96%);background-position:0 0,0 0,0 0,50px 50px;background-repeat:repeat,repeat,repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;width:100%;height:90vh;max-height:90vh;display:flex;position:relative;overflow:hidden}.hero .gradient{background:linear-gradient(#000d,#000);width:100%;height:100%;position:absolute}.hero .content{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex}.hero .content .badge{color:#f43f5e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background-color:#f43f5e33;border:1px solid #f43f5e;border-radius:9999px;width:fit-content;margin-bottom:32px;padding:4px 12px;font-size:14px;font-weight:500;line-height:20px}.hero .content .heading{margin:0 0 24px;font-size:96px;font-weight:700;line-height:96px}@media screen and (max-width:768px){.hero .content .heading{font-size:60px;line-height:60px}}.hero .content .heading.fade-in{animation-delay:.1s}.hero .content .heading .roze-text{color:#f43f5e}.hero .content .heading .clan-text{color:#fff}.hero .content .description{text-align:center;color:#d1d5db;max-width:672px;margin:0 0 32px;font-size:24px;font-weight:400;line-height:32px}@media screen and (max-width:768px){.hero .content .description{font-size:20px;line-height:28px}}.hero .content .description.fade-in{animation-delay:.2s}.hero .content .buttons-container{box-sizing:border-box;flex-direction:row;align-items:center;gap:16px;display:flex}@media screen and (max-width:640px){.hero .content .buttons-container{flex-direction:column;align-items:center;width:100%}}.hero .content .buttons-container.fade-in{animation-delay:.3s}.hero .content .buttons-container a{box-sizing:border-box;text-align:left;border-radius:6px;flex-direction:row;justify-content:flex-start;align-items:center;height:48px;padding:24px 32px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .3s;display:flex}@media screen and (max-width:640px){.hero .content .buttons-container a{justify-content:center;align-items:center;width:100%}}.hero .content .buttons-container a:hover svg{transform:translate(4px)rotate(-90deg)}.hero .content .buttons-container a.primary-button{color:#18181b;background-color:#f43f5e;font-weight:600}.hero .content .buttons-container a.primary-button svg{color:#18181b}.hero .content .buttons-container a.primary-button:hover{background-color:#e11d48}.hero .content .buttons-container a.secondary-button{color:#f43f5e;background-color:#09090b;border:1px solid #f43f5e}.hero .content .buttons-container a.secondary-button svg{color:#f43f5e}.hero .content .buttons-container a.secondary-button:hover,.hero .content .buttons-container a.secondary-button:hover svg{color:#fff}.hero .content .buttons-container a svg{width:16px;height:16px;margin-left:8px;transition:all .3s;transform:rotate(-90deg)}