.hero{height:90vh;max-height:90vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(50% 50% at 100% 0,#000000 0 5%,#f5405e 6% 15%,#000000 16% 25%,#f5405e 26% 35%,#000000 36% 45%,#f5405e 46% 55%,#000000 56% 65%,#f5405e 66% 75%,#000000 76% 85%,#f5405e 86% 95%,rgba(0,0,0,0) 96%),radial-gradient(50% 50% at 0 100%,#000000 0 5%,#f5405e 6% 15%,#000000 16% 25%,#f5405e 26% 35%,#000000 36% 45%,#f5405e 46% 55%,#000000 56% 65%,#f5405e 66% 75%,#000000 76% 85%,#f5405e 86% 95%,rgba(0,0,0,0) 96%),radial-gradient(50% 50% at 50% 50%,#000000 0 5%,#f5405e 6% 15%,#000000 16% 25%,#f5405e 26% 35%,#000000 36% 45%,#f5405e 46% 55%,#000000 56% 65%,#f5405e 66% 75%,#000000 76% 85%,#f5405e 86% 95%,rgba(0,0,0,0) 96%),radial-gradient(50% 50% at 50% 50%,#000000 0 5%,#f5405e 6% 15%,#000000 16% 25%,#f5405e 26% 35%,#000000 36% 45%,#f5405e 46% 55%,#000000 56% 65%,#f5405e 66% 75%,#000000 76% 85%,#f5405e 86% 95%,rgba(0,0,0,0) 96%) 50px 50px;background-size:100px 100px;background-color:#000;position:relative;overflow:hidden}.hero .gradient{width:100%;height:100%;position:absolute;background:linear-gradient(0deg,#000,rgba(0,0,0,.8666666667))}.hero .content{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:0 16px}.hero .content .badge{padding:4px 12px;border-radius:9999px;color:#f43f5e;border:1px solid #f43f5e;font-weight:500;line-height:20px;font-size:14px;background-color:rgba(244,63,94,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:32px;text-align:center;width:-moz-fit-content;width:fit-content}.hero .content .heading{font-size:96px;line-height:96px;font-weight:700;margin:0 0 24px}@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{margin:0 0 32px;max-width:672px;text-align:center;color:#d1d5db;font-weight:400;line-height:32px;font-size:24px}@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{gap:16px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box}@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{display:flex;align-items:center;flex-direction:row;height:48px;box-sizing:border-box;border-radius:6px;transition:all .3s ease;text-decoration:none;font-weight:500;line-height:20px;font-size:14px;text-align:left;padding:24px 32px;justify-content:flex-start}@media screen and (max-width:640px){.hero .content .buttons-container a{width:100%;align-items:center;justify-content:center}}.hero .content .buttons-container a:hover svg{transform:translateX(4px) rotate(-90deg)}.hero .content .buttons-container a.primary-button{background-color:#f43f5e;color:#18181b;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{border:1px solid #f43f5e;color:#f43f5e;background-color:#09090b}.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{transform:rotate(-90deg);width:16px;height:16px;transition:all .3s ease;margin-left:8px}