/**
 * @warning   This file was auto-generated by design.phtml
 * @created   2025-06-02 20:35:24
 */
.slider-container .headline{font-size: 56px; font-weight: bold; letter-spacing: -0.04em; background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .slider-container .text{margin: 10px 0 15px; font-size: 20px;} .slider-container .link{font-size: 18px; white-space: nowrap;} .offer-container .widget-wrapper{max-width: 1280px;} .offer-container .headline{font-size: 22px; color: #fff;} .offer-container #item-1 .headline{background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .offer-container .text{font-size: 15px; color: rgba(255, 255, 255, 0.70);} .offer-container .link{font-size: 14px;} .offer-container .link a{color: rgba(255, 255, 255, 0.80);} .offer-container .item-background{background-color: #000;} .offer-container #item-2 .item-background{background-color: #00e0ff; background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%);} @media (max-width: 959px){ .offer-container .headline{font-size: 18px;} .offer-container .text{font-size: 14px;} .offer-container .link{font-size: 13px;} } .block-container{padding: 60px 30px; color: #ccc; background-color: #10111d; background-image: linear-gradient(0deg, transparent 70%, #200c39 100%); box-shadow: inset 0px -70px 200px #000000;} .block-container .heading-wrapper{padding-bottom: 60px; text-align: center;} .block-container .heading-top{font-size: 28px; font-weight: bold; background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .block-container .heading{margin-bottom: 20px; font-size: 70px; font-weight: bold; line-height: inherit; letter-spacing: -0.02em; color: #fff;} .block-container .heading-bottom{font-size: 20px; font-weight: 600; color: #777;} .block-container .heading-link{white-space: nowrap;} .block-container .heading-buttons{margin-top: 35px;} .block-container .heading-button{display: inline-block; position: relative; font-size: 15px; font-weight: 600; padding: 10px 20px 10px 25px; border: 1px solid #6238d7; border-radius: 30px; white-space: nowrap; user-select: none; cursor: pointer; overflow: hidden;} .block-container .heading-button.primary-button{color: #fff; background: linear-gradient(90deg, #9200fa 0%, #6238d7 100%);} .block-container .heading-button.secondary-button{color: #6238d7; background: #fff;} .block-container .heading-button.primary-button:hover{color: #fff; background: #9200fa;} .block-container .heading-button.secondary-button:hover{color: #6238d7; background: #eee;} @media(max-width: 959px){ .block-container .heading-top{font-size: 25px;} .block-container .heading{font-size: 45px;} .block-container .heading-bottom{font-size: 16px;} .block-container .heading-button{font-size: 14px;} } @media(max-width: 767px){ .block-container .heading-top{font-size: 22px;} .block-container .heading{font-size: 35px;} .block-container .heading-bottom{font-size: 15px;} .block-container .heading-button{font-size: 13px;} } @media(max-width: 567px){ .block-container .heading-top{font-size: 19px;} .block-container .heading{font-size: 25px;} .block-container .heading-bottom{font-size: 14px;} .block-container .heading-button{font-size: 12px;} } .banner-container .widget-wrapper{max-width: 1280px;} .banner-container .headline{font-size: 35px; font-weight: bold; letter-spacing: -0.04em; color: #fff;} .banner-container #item-1 .headline{background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .banner-container .text{margin: 15px 0 20px; font-size: 16px; color: rgba(255, 255, 255, 0.70);} .banner-container .link{font-size: 15px;} .banner-container .link a{color: rgba(255, 255, 255, 0.80);} .banner-container .item-background{background-color: #000;} .banner-container #item-2 .item-background{background-color: #00e0ff; background-image: linear-gradient(230deg, #00e0ff 0%, #9d10ff 80%, #bc18fc 100%);} @media (max-width: 959px){ .banner-container .headline{font-size: 25px;} .banner-container .text{font-size: 14px;} .banner-container .link{font-size: 13px;} }