*,

*::before,

*::after {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



body {

    font-family: 'Mulish', sans-serif;

    background: linear-gradient(135deg, #ff5196, #ff1a3d, #ff7913, #e7b952);

    color: #1b2b65;

    line-height: 1.8;

}



.lotto__header_wrapper {

    font-family: 'Mulish', sans-serif;

    background: linear-gradient(135deg, #ff5196, #ff1a3d, #ff7913, #e7b952);

    color: #1b2b65;

    padding: 20px 0;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}



.lotto__header_topbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 20px;

}



.lotto__header_auth {

    display: flex;

    gap: 15px;

}



.lotto__header_registerbtn,

.lotto__header_loginbtn {

    font-family: 'Major Mono Display', monospace;

    background: #1b2b65;

    color: #fff;

    border: none;

    padding: 10px 20px;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.3s ease;

    font-size: 14px;

}



.lotto__header_registerbtn:hover,

.lotto__header_loginbtn:hover {

    background: #ff7913;

    transform: translateY(-2px);

}



.lotto__header_logo img {

    border-radius: 15px;

    height: 100px;

    transition: transform 0.3s ease;

}



.lotto__header_logo img:hover {

    transform: scale(1.05);

}



.lotto__header_nav {

    max-width: 1320px;

    margin: 20px auto 0;

    padding: 0 20px;

}



.lotto__header_nav ul {

    display: flex;

    justify-content: space-between;

    list-style: none;

}



.lotto__header_nav li a {

    color: #1b2b65;

    text-decoration: none;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 8px;

    transition: color 0.3s ease;

    padding: 7px;

}



.lotto__header_nav li a:hover {

    background: #1b2b65;

    padding: 7px;

    border-radius: 8px;

    color: #ff1a3d;

}



.lotto__header_nav li a i {

    font-size: 18px;

}



.lotto__header_warning {

    max-width: 1320px;

    margin: 20px auto 0;

    padding: 15px 20px;

    background: rgba(255, 255, 255, 0.7);

    border-radius: 8px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    font-size: 14px;

}



.lotto__header_warning i {

    color: #ff1a3d;

    font-size: 20px;

}



.lotto__modal_registerwrap,

.lotto__modal_loginwrap,

.lotto__modal_forgotwrap,

.lotto__modal_successwrap {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    z-index: 1000;

    justify-content: center;

    align-items: center;

    animation: fadeIn 0.3s ease;

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



.lotto__modal_registercontent,

.lotto__modal_logincontent,

.lotto__modal_forgotcontent,

.lotto__modal_successcontent {

    background: #fff;

    padding: 30px;

    border-radius: 10px;

    width: 90%;

    max-width: 500px;

    position: relative;

    animation: slideUp 0.4s ease;

}



@keyframes slideUp {

    from {

        transform: translateY(20px);

        opacity: 0;

    }

    to {

        transform: translateY(0);

        opacity: 1;

    }

}



.lotto__modal_registerclose,

.lotto__modal_loginclose,

.lotto__modal_forgotclose,

.lotto__modal_successclose {

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 24px;

    cursor: pointer;

    color: #888;

    transition: color 0.3s ease;

}



.lotto__modal_registerclose:hover,

.lotto__modal_loginclose:hover,

.lotto__modal_forgotclose:hover,

.lotto__modal_successclose:hover {

    color: #ff1a3d;

}



.lotto__modal_registercontent h2,

.lotto__modal_logincontent h2,

.lotto__modal_forgotcontent h2,

.lotto__modal_successcontent h2 {

    font-family: 'Major Mono Display', monospace;

    color: #1b2b65;

    margin-bottom: 20px;

    text-align: center;

}



.lotto__form_registergroup,

.lotto__form_logingroup,

.lotto__form_forgotgroup {

    margin-bottom: 15px;

}



.lotto__form_registergroup label,

.lotto__form_logingroup label,

.lotto__form_forgotgroup label {

    display: block;

    margin-bottom: 5px;

    font-weight: 500;

}



.lotto__form_registergroup input,

.lotto__form_logingroup input,

.lotto__form_forgotgroup input {

    width: 100%;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 5px;

    font-family: 'Mulish', sans-serif;

}



.lotto__form_registergroup input:focus,

.lotto__form_logingroup input:focus,

.lotto__form_forgotgroup input:focus {

    outline: none;

    border-color: #a7bfe8;

    box-shadow: 0 0 0 2px rgba(167, 191, 232, 0.3);

}



.lotto__form_registererror,

.lotto__form_loginerror,

.lotto__form_forgoterror {

    color: #ff1a3d;

    font-size: 12px;

    margin-top: 5px;

    min-height: 18px;

}



.lotto__form_registercheck,

.lotto__form_logincheck,

.lotto__form_forgotcheck {

    margin: 15px 0;

    display: flex;

    align-items: center;

}



.lotto__form_registercheck input,

.lotto__form_logincheck input,

.lotto__form_forgotcheck input {

    margin-right: 10px;

}



.lotto__form_registercheck label,

.lotto__form_logincheck label,

.lotto__form_forgotcheck label {

    font-size: 14px;

}



.lotto__form_registercheck a,

.lotto__form_logincheck a,

.lotto__form_forgotcheck a {

    color: #1b2b65;

    text-decoration: underline;

}



.lotto__form_registersubmit,

.lotto__form_loginsubmit,

.lotto__form_forgotsubmit,

.lotto__modal_successbtn {

    width: 100%;

    padding: 12px;

    background: #1b2b65;

    color: #fff;

    border: none;

    border-radius: 5px;

    font-family: 'Major Mono Display', monospace;

    cursor: pointer;

    transition: all 0.3s ease;

    margin-top: 10px;

}



.lotto__form_registersubmit:hover,

.lotto__form_loginsubmit:hover,

.lotto__form_forgotsubmit:hover,

.lotto__modal_successbtn:hover {

    background: #ff7913;

}



.lotto__form_registersubmit:disabled,

.lotto__form_loginsubmit:disabled,

.lotto__form_forgotsubmit:disabled {

    background: #ccc;

    cursor: not-allowed;

}



.lotto__modal_registerlogin,

.lotto__modal_loginforgot,

.lotto__modal_loginregister,

.lotto__modal_forgotlogin {

    text-align: center;

    margin-top: 20px;

    font-size: 14px;

}



.lotto__modal_registerlogin a,

.lotto__modal_loginforgot a,

.lotto__modal_loginregister a,

.lotto__modal_forgotlogin a {

    color: #1b2b65;

    text-decoration: underline;

    font-weight: 500;

}



.lotto__modal_successcontent {

    text-align: center;

}



.lotto__modal_successcontent i {

    font-size: 50px;

    color: #4caf50;

    margin-bottom: 20px;

}



.lotto__modal_successmessage {

    margin-bottom: 20px;

}



@media (max-width: 1024px) {

    .lotto__header_nav ul {

        flex-wrap: wrap;

        justify-content: center;

        gap: 15px;

    }

}



@media (max-width: 768px) {

    .lotto__header_topbar {

        flex-direction: column;

        gap: 15px;

    }



    .lotto__header_nav ul {

        gap: 10px;

    }



    .lotto__header_nav li a {

        font-size: 14px;

    }

}



@media (max-width: 480px) {

    .lotto__header_nav ul {

        flex-direction: column;

        align-items: center;

        gap: 10px;

    }



    .lotto__header_warning {

        flex-direction: column;

        text-align: center;

    }



    .lotto__modal_registercontent,

    .lotto__modal_logincontent,

    .lotto__modal_forgotcontent,

    .lotto__modal_successcontent {

        padding: 20px;

    }

}



@media (max-width: 320px) {

    .lotto__header_auth {

        flex-direction: column;

        width: 100%;

    }



    .lotto__header_registerbtn,

    .lotto__header_loginbtn {

        width: 100%;

    }

}



.lotto__showcase_highlight {

    position: relative;

    height: auto;

    padding: 20px 0;

    min-height: 600px;

    overflow: hidden;

    display: flex;

    align-items: center;

    color: #1b2b65;

}



.lotto__showcase_backdrop {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url('../images/lotto-backgr-images-1.jpg') center/cover

        no-repeat;

    opacity: 0.7;

    z-index: -1;

    animation: bgPan 20s infinite alternate;

}



@keyframes bgPan {

    0% {

        transform: scale(1) translateX(0);

    }

    0% {

        transform: scale(-1) translateX(0);

    }

}



.lotto__showcase_container {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 20px;

    height: auto;

}



.lotto__showcase_content {

    background: rgba(255, 255, 255, 0.85);

    backdrop-filter: blur(10px);

    border-radius: 15px;

    padding: 40px;

    margin: 0 auto;

    max-width: 600px;

    box-shadow: 0 10px 30px rgba(27, 43, 101, 0.2);

    transform: translateY(20px);

    opacity: 0;

    animation: fadeUp 1s forwards 0.5s;

}



@keyframes fadeUp {

    to {

        transform: translateY(0);

        opacity: 1;

    }

}



.lotto__showcase_content h1 {

    font-family: 'Major Mono Display', monospace;

    font-size: 3rem;

    line-height: 1.2;

    margin-bottom: 15px;

    color: #ff1a3d;

    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.8);

}



.lotto__showcase_lead {

    font-size: 1.2rem;

    margin-bottom: 15px;

    font-weight: 500;

}



.lotto__showcase_lottery {

    background: linear-gradient(145deg, #ffffff, #f0f5ff);

    padding: 25px;

    border-radius: 10px;

    margin-bottom: 30px;

    border-left: 5px solid #ff7913;

    box-shadow: 0 5px 15px rgba(27, 43, 101, 0.1);

}



.lotto__showcase_lottery h2 {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.8rem;

    margin: 10px 0;

    color: #1b2b65;

}



.lotto__showcase_lottery i {

    font-size: 2rem;

    color: #ff7913;

}



.lotto__showcase_prize {

    font-size: 1.1rem;

    margin: 15px 0;

    font-weight: 500;

}



.lotto__showcase_prize span {

    font-weight: bold;

    color: #ff1a3d;

    font-size: 1.3rem;

}



.lotto__showcase_details {

    font-size: 0.95rem;

    line-height: 1.6;

}



.lotto__showcase_actions {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;

}



.lotto__showcase_loginbtn,

.lotto__showcase_lotteriesbtn {

    padding: 12px 25px;

    border: none;

    border-radius: 50px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

}



.lotto__showcase_loginbtn {

    background: linear-gradient(135deg, #ff1a3d, #ff5196);

    color: white;

}



.lotto__showcase_lotteriesbtn {

    background: rgba(27, 43, 101, 0.1);

    color: #1b2b65;

}



.lotto__showcase_loginbtn:hover {

    transform: translateY(-3px);

    box-shadow: 0 5px 15px rgba(255, 26, 61, 0.4);

}



.lotto__showcase_lotteriesbtn:hover {

    background: rgba(27, 43, 101, 0.2);

    transform: translateY(-3px);

}



@media (max-width: 1024px) {

    .lotto__showcase_content {

        padding: 30px;

    }



    .lotto__showcase_content h1 {

        font-size: 2.5rem;

    }

}



@media (max-width: 768px) {

    .lotto__showcase_highlight {

        height: auto;

        padding: 30px 0;

    }



    .lotto__showcase_content {

        max-width: 100%;

    }



    .lotto__showcase_content h1 {

        font-size: 2.2rem;

    }



    .lotto__showcase_lottery h2 {

        font-size: 1.5rem;

    }

}



@media (max-width: 480px) {

    .lotto__showcase_content {

        padding: 20px;

    }



    .lotto__showcase_content h1 {

        font-size: 1.8rem;

    }



    .lotto__showcase_actions {

        flex-direction: column;

    }



    .lotto__showcase_loginbtn,

    .lotto__showcase_lotteriesbtn {

        width: 100%;

        justify-content: center;

    }

}



@media (max-width: 320px) {

    .lotto__showcase_content h1 {

        font-size: 1.6rem;

    }



    .lotto__showcase_lead {

        font-size: 1rem;

    }



    .lotto__showcase_lottery {

        padding: 15px;

    }

}



.lotto__about_wrapper {

    background: linear-gradient(145deg, #f8f5ff, #f0ebff);

    padding: 80px 20px;

    color: #1b2b65;

}



.lotto__about_container {

    max-width: 1320px;

    margin: 0 auto;

}



.lotto__about_intro {

    text-align: center;

    margin-bottom: 60px;

    animation: fadeIn 1s ease;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.lotto__about_title {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.8rem;

    margin-bottom: 25px;

    color: #ff1a3d;

    position: relative;

    display: inline-block;

}



.lotto__about_title::after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 100%;

    height: 3px;

    background: linear-gradient(90deg, #ff1a3d, #ff7913);

}



.lotto__about_text {

    font-size: 1.1rem;

    line-height: 1.8;

    max-width: 900px;

    margin: 15px auto;

}



.lotto__about_subtitle {

    font-family: 'Major Mono Display', monospace;

    font-size: 2rem;

    text-align: center;

    margin: 60px 0 40px;

    color: #1b2b65;

}



.lotto__about_cards,

.lotto__about_benefits {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 30px;

    margin-bottom: 50px;

}



.lotto__about_card,

.lotto__about_benefit {

    background: white;

    border-radius: 12px;

    padding: 35px 25px;

    width: calc(33.333% - 30px);

    box-shadow: 0 5px 20px rgba(27, 43, 101, 0.1);

    transition: all 0.4s ease;

    position: relative;

    overflow: hidden;

}



.lotto__about_card:hover,

.lotto__about_benefit:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 30px rgba(27, 43, 101, 0.15);

}



.lotto__about_card i,

.lotto__about_benefit i {

    font-size: 2.5rem;

    color: #ff7913;

    margin-bottom: 20px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.lotto__about_card:hover i,

.lotto__about_benefit:hover i {

    transform: scaleX(-1);

    color: #ff1a3d;

}



.lotto__about_card h4,

.lotto__about_benefit h4 {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.3rem;

    margin-bottom: 15px;

    color: #1b2b65;

}



.lotto__about_card p,

.lotto__about_benefit p {

    font-size: 0.95rem;

    line-height: 1.7;

}



.lotto__about_card:nth-child(1) {

    border-top: 4px solid #4e54c8;

}



.lotto__about_card:nth-child(2) {

    border-top: 4px solid #ff7913;

}



.lotto__about_card:nth-child(3) {

    border-top: 4px solid #24d4a0;

}



.lotto__about_card:nth-child(4) {

    border-top: 4px solid #ff1a3d;

}



.lotto__about_card:nth-child(5) {

    border-top: 4px solid #8f4ed8;

}



@media (max-width: 1024px) {

    .lotto__about_card,

    .lotto__about_benefit {

        width: calc(50% - 30px);

    }



    .lotto__about_title {

        font-size: 2.4rem;

    }

}



@media (max-width: 768px) {

    .lotto__about_wrapper {

        padding: 60px 20px;

    }



    .lotto__about_title {

        font-size: 2rem;

    }



    .lotto__about_subtitle {

        font-size: 1.7rem;

    }



    .lotto__about_text {

        font-size: 1rem;

    }

}



@media (max-width: 480px) {

    .lotto__about_card,

    .lotto__about_benefit {

        width: 100%;

        max-width: 400px;

    }



    .lotto__about_title {

        font-size: 1.8rem;

    }



    .lotto__about_subtitle {

        font-size: 1.5rem;

    }



    .lotto__about_cards,

    .lotto__about_benefits {

        gap: 20px;

    }

}



@media (max-width: 320px) {

    .lotto__about_title {

        font-size: 1.6rem;

    }



    .lotto__about_card,

    .lotto__about_benefit {

        padding: 25px 20px;

    }



    .lotto__about_card i,

    .lotto__about_benefit i {

        font-size: 2rem;

    }

}



.lotto__jackpots_showcase {

    padding: 80px 20px;

    background: url('../images/lotto-backgr-images-2.jpg') center/cover

        no-repeat;

    position: relative;

    overflow: hidden;

}



.lotto__jackpots_container {

    max-width: 1320px;

    margin: 0 auto;

    position: relative;

    background: rgba(0, 0, 0, 0.7);

    padding: 25px;

    border-radius: 15px;

}



.lotto__jackpots_title {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.5rem;

    background: white;

    color: #1b2b65;

    box-shadow: 0 8px 25px rgba(106, 48, 147, 0.1);

    border-radius: 15px;

    text-align: center;

    padding: 5px 9px;

    margin-bottom: 15px;

    position: relative;

    display: inline-block;

    left: 50%;

    transform: translateX(-50%);

}



.lotto__jackpots_title::after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 100%;

    height: 3px;

    background: linear-gradient(90deg, #ff1a3d, #ff7913);

}



.lotto__jackpots_subtitle {

    text-align: center;

    font-size: 1.1rem;

    background: white;

    color: #1b2b65;

    box-shadow: 0 8px 25px rgba(106, 48, 147, 0.1);

    border-radius: 15px;

    margin-bottom: 50px;

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}



.lotto__jackpots_grid {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

    justify-content: center;

}



.lotto__jackpot_card {

    background: white;

    border-radius: 12px;

    padding: 30px;

    width: calc(33.333% - 25px);

    min-height: 500px;

    box-shadow: 0 8px 25px rgba(27, 43, 101, 0.1);

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

    border-top: 4px solid #ff7913;

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;

    align-items: center;

}



.lotto__jackpot_card::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(90deg, #ff1a3d, #ff5196, #ff7913);

    opacity: 0;

    transition: opacity 0.3s ease;

}



.lotto__jackpot_card:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 35px rgba(27, 43, 101, 0.15);

}



.lotto__jackpot_card:hover::before {

    opacity: 1;

}



.lotto__jackpot_card i {

    font-size: 2.5rem;

    color: #ff7913;

    display: block;

}



.lotto__jackpot_card h3 {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.5rem;

    color: #1b2b65;

    margin-bottom: 15px;

}



.lotto__jackpot_card p {

    font-size: 0.95rem;

    line-height: 1.6;

    color: #1b2b65;

    margin-bottom: 25px;

    min-height: 60px;

}



.lotto__jackpot_amount {

    font-size: 1.8rem;

    font-weight: bold;

    color: #ff1a3d;

    margin: 25px 0;

    font-family: 'Major Mono Display', monospace;

}



.lotto__jackpot_button {

    background: linear-gradient(135deg, #1b2b65, #3a4a8a);

    color: white;

    border: none;

    padding: 12px 25px;

    border-radius: 50px;

    font-size: 20px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    width: 100%;

    justify-content: space-around;

}



.lotto__jackpot_button:hover {

    background: linear-gradient(135deg, #ff1a3d, #ff5196);

    transform: translateY(-3px);

    box-shadow: 0 5px 15px rgba(255, 26, 61, 0.3);

}



@media (max-width: 1024px) {

    .lotto__jackpot_card {

        width: calc(50% - 25px);

    }



    .lotto__jackpots_title {

        font-size: 2.2rem;

    }

}



@media (max-width: 768px) {

    .lotto__jackpots_showcase {

        padding: 60px 20px;

    }



    .lotto__jackpots_title {

        font-size: 2rem;

    }



    .lotto__jackpot_card {

        padding: 25px;

    }



    .lotto__jackpot_card h3 {

        font-size: 1.3rem;

    }



    .lotto__jackpot_amount {

        font-size: 1.5rem;

    }

}



@media (max-width: 480px) {

    .lotto__jackpot_card {

        width: 100%;

        max-width: 400px;

    }



    .lotto__jackpots_title {

        font-size: 1.8rem;

    }



    .lotto__jackpots_subtitle {

        font-size: 1rem;

    }

}



@media (max-width: 320px) {

    .lotto__jackpots_title {

        font-size: 1.6rem;

    }



    .lotto__jackpot_card {

        padding: 20px;

    }



    .lotto__jackpot_card i {

        font-size: 2rem;

    }

}



.lotto__account_dashboard {

    position: relative;

    min-height: 100vh;

    padding: 80px 20px;

    display: flex;

    align-items: center;

    color: #1b2b65;

    overflow: hidden;

}



.lotto__account_backdrop {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(145deg, #f0f5ff, #e6f0ff);

    z-index: -1;

    animation: bgZoom 30s infinite alternate;

}



@keyframes bgZoom {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(1.05);

    }

}



.lotto__account_container {

    max-width: 1320px;

    margin: 0 auto;

    width: 100%;

}



.lotto__account_center {

    background: rgba(255, 255, 255, 0.92);

    backdrop-filter: blur(10px);

    border-radius: 15px;

    padding: 50px;

    box-shadow: 0 10px 30px rgba(27, 43, 101, 0.2);

    animation: fadeInUp 1s ease;

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.lotto__account_title {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.8rem;

    text-align: center;

    margin-bottom: 20px;

    color: #ff1a3d;

}



.lotto__account_intro {

    text-align: center;

    font-size: 1.1rem;

    max-width: 700px;

    margin: 0 auto 40px;

    line-height: 1.7;

}



.lotto__account_security {

    margin-top: 50px;

}



.lotto__account_payment {

    display: flex;

    gap: 30px;

    margin-bottom: 50px;

}



.lotto__account_methods,

.lotto__account_protection {

    background: white;

    padding: 30px;

    border-radius: 10px;

    flex: 1;

    box-shadow: 0 5px 15px rgba(27, 43, 101, 0.1);

    border-top: 4px solid #ff7913;

}



.lotto__account_protection {

    border-top-color: #4e54c8;

}



.lotto__account_methods i,

.lotto__account_protection i {

    font-size: 2.5rem;

    color: #ff7913;

    margin-bottom: 20px;

    display: block;

}



.lotto__account_protection i {

    color: #4e54c8;

}



.lotto__account_methods h3,

.lotto__account_protection h3 {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.5rem;

    margin-bottom: 15px;

}



.lotto__account_methods p,

.lotto__account_protection p {

    margin-bottom: 15px;

    font-size: 0.95rem;

}



.lotto__account_methods ul,

.lotto__account_protection ul {

    list-style: none;

}



.lotto__account_methods li,

.lotto__account_protection li {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 0.9rem;

}



.lotto__account_methods li i,

.lotto__account_protection li i {

    font-size: 1rem;

    margin-bottom: 0;

    color: #1b2b65;

}



.lotto__account_features {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

}



.lotto__account_feature {

    background: white;

    border-radius: 10px;

    padding: 30px;

    width: calc(20% - 25px);

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    align-items: center;

    box-shadow: 0 5px 20px rgba(27, 43, 101, 0.1);

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

    border-top: 4px solid #ff7913;

}



.lotto__account_feature:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 30px rgba(27, 43, 101, 0.15);

}



.lotto__account_feature:nth-child(1) {

    border-top-color: #ff7913;

}



.lotto__account_feature:nth-child(2) {

    border-top-color: #24d4a0;

}



.lotto__account_feature:nth-child(3) {

    border-top-color: #ff1a3d;

}



.lotto__account_feature:nth-child(4) {

    border-top-color: #8f4ed8;

}



.lotto__account_feature:nth-child(5) {

    border-top-color: #4e54c8;

}



.lotto__account_feature i:first-child {

    font-size: 2rem;

    color: #ff7913;

    display: block;

}



.lotto__account_feature h3 {

    min-height: 75px;

    font-family: 'Major Mono Display', monospace;

    font-size: 1.3rem;

    margin: 20px auto;

}



.lotto__account_feature ul {

    list-style: none;

    margin-bottom: 25px;

}



.lotto__account_feature li {

    margin-bottom: 12px;

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 0.9rem;

}



.lotto__account_feature li i {

    font-size: 0.9rem;

    color: #ff7913;

}



.lotto__account_loginbtn {

    background: linear-gradient(135deg, #1b2b65, #3a4a8a);

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 50px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    width: 100%;

    justify-content: center;

    margin-top: auto;

}



.lotto__account_loginbtn:hover {

    background: linear-gradient(135deg, #ff1a3d, #ff5196);

    transform: translateY(-3px);

    box-shadow: 0 5px 15px rgba(255, 26, 61, 0.3);

}



@media (max-width: 1024px) {

    .lotto__account_feature {

        width: calc(33.333% - 25px);

    }



    .lotto__account_payment {

        flex-direction: column;

    }

}



@media (max-width: 768px) {

    .lotto__account_center {

        padding: 30px;

    }



    .lotto__account_title {

        font-size: 2.2rem;

    }



    .lotto__account_feature {

        width: calc(50% - 25px);

    }

}



@media (max-width: 480px) {

    .lotto__account_dashboard {

        padding: 40px 15px;

    }



    .lotto__account_center {

        padding: 25px;

    }



    .lotto__account_title {

        font-size: 1.8rem;

    }



    .lotto__account_feature {

        width: 100%;

    }



    .lotto__account_methods,

    .lotto__account_protection {

        padding: 25px 20px;

    }

}



@media (max-width: 320px) {

    .lotto__account_title {

        font-size: 1.6rem;

    }



    .lotto__account_intro {

        font-size: 1rem;

    }



    .lotto__account_feature {

        padding: 25px 20px;

    }



    .lotto__account_feature i:first-child {

        font-size: 1.8rem;

    }



    .lotto__account_feature h3 {

        font-size: 1.2rem;

    }

}



.lotto__countdown_highlight {

    position: relative;

    height: 100vh;

    min-height: 600px;

    display: flex;

    align-items: center;

    color: #1b2b65;

    overflow: hidden;

}



.lotto__countdown_backdrop {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url('../images/lotto-backgr-images-3.jpg') center/cover

        no-repeat;

    z-index: -1;

    animation: bgPulse 20s infinite alternate;

}



@keyframes bgPulse {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(1.05);

    }

}



.lotto__countdown_container {

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 20px;

    width: 100%;

}



.lotto__countdown_content {

    background: rgba(255, 255, 255, 0.9);

    backdrop-filter: blur(8px);

    border-radius: 15px;

    padding: 50px;

    max-width: 800px;

    margin: 0 auto;

    text-align: center;

    box-shadow: 0 10px 30px rgba(27, 43, 101, 0.2);

    animation: fadeIn 1s ease;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.lotto__countdown_title {

    font-family: 'Major Mono Display', monospace;

    font-size: 3rem;

    margin-bottom: 15px;

    color: #ff1a3d;

}



.lotto__countdown_text {

    font-size: 1.2rem;

    margin-bottom: 40px;

    line-height: 1.6;

}



.lotto__countdown_timer {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    margin-bottom: 40px;

    flex-wrap: wrap;

}



.lotto__countdown_unit {

    display: flex;

    flex-direction: column;

    align-items: center;

    min-width: 100px;

}



.lotto__countdown_days,

.lotto__countdown_hours,

.lotto__countdown_minutes,

.lotto__countdown_seconds {

    font-family: 'Major Mono Display', monospace;

    font-size: 4rem;

    font-weight: bold;

    color: #1b2b65;

    line-height: 1;

    margin-bottom: 5px;

    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5);

}



.lotto__countdown_label {

    font-size: 1rem;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #1b2b65;

    opacity: 0.8;

}



.lotto__countdown_separator {

    font-family: 'Major Mono Display', monospace;

    font-size: 3rem;

    color: #ff7913;

    margin-top: -20px;

}



.lotto__countdown_lottery {

    margin: 40px 0;

    animation: pulse 2s infinite;

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.05);

    }

    100% {

        transform: scale(1);

    }

}



.lotto__countdown_lottery i {

    font-size: 3rem;

    color: #ff7913;

    margin-bottom: 15px;

}



.lotto__countdown_lottery h3 {

    font-family: 'Major Mono Display', monospace;

    font-size: 2rem;

    margin-bottom: 10px;

}



.lotto__countdown_remaining {

    font-size: 1.2rem;

}



.lotto__countdown_remaining span {

    font-weight: bold;

    color: #ff1a3d;

}



.lotto__countdown_loginbtn {

    background: linear-gradient(135deg, #1b2b65, #3a4a8a);

    color: white;

    border: none;

    padding: 15px 30px;

    border-radius: 50px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    font-size: 1.1rem;

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    margin-top: 20px;

}



.lotto__countdown_loginbtn:hover {

    background: linear-gradient(135deg, #ff1a3d, #ff5196);

    transform: translateY(-3px);

    box-shadow: 0 10px 20px rgba(255, 26, 61, 0.3);

}



@media (max-width: 1024px) {

    .lotto__countdown_title {

        font-size: 2.5rem;

    }



    .lotto__countdown_days,

    .lotto__countdown_hours,

    .lotto__countdown_minutes,

    .lotto__countdown_seconds {

        font-size: 3.5rem;

    }



    .lotto__countdown_unit {

        min-width: 80px;

    }

}



@media (max-width: 768px) {

    .lotto__countdown_content {

        padding: 40px 30px;

    }



    .lotto__countdown_title {

        font-size: 2.2rem;

    }



    .lotto__countdown_text {

        font-size: 1.1rem;

    }



    .lotto__countdown_days,

    .lotto__countdown_hours,

    .lotto__countdown_minutes,

    .lotto__countdown_seconds {

        font-size: 3rem;

    }



    .lotto__countdown_separator {

        font-size: 2.5rem;

        margin-top: -15px;

    }



    .lotto__countdown_lottery h3 {

        font-size: 1.8rem;

    }

}



@media (max-width: 480px) {

    .lotto__countdown_highlight {

        min-height: 700px;

    }



    .lotto__countdown_content {

        padding: 30px 20px;

    }



    .lotto__countdown_title {

        font-size: 1.8rem;

    }



    .lotto__countdown_timer {

        gap: 10px;

    }



    .lotto__countdown_days,

    .lotto__countdown_hours,

    .lotto__countdown_minutes,

    .lotto__countdown_seconds {

        font-size: 2.2rem;

    }



    .lotto__countdown_unit {

        min-width: 70px;

    }



    .lotto__countdown_separator {

        font-size: 2rem;

        margin-top: -10px;

    }



    .lotto__countdown_label {

        font-size: 0.9rem;

    }



    .lotto__countdown_lottery i {

        font-size: 2.5rem;

    }



    .lotto__countdown_lottery h3 {

        font-size: 1.5rem;

    }

}



@media (max-width: 320px) {

    .lotto__countdown_title {

        font-size: 1.6rem;

    }



    .lotto__countdown_text {

        font-size: 1rem;

    }



    .lotto__countdown_days,

    .lotto__countdown_hours,

    .lotto__countdown_minutes,

    .lotto__countdown_seconds {

        font-size: 1.8rem;

    }



    .lotto__countdown_unit {

        min-width: 60px;

    }



    .lotto__countdown_separator {

        font-size: 1.5rem;

    }



    .lotto__countdown_loginbtn {

        padding: 12px 25px;

        font-size: 1rem;

    }

}



.lotto__lotteries_showcase {

    position: relative;

    min-height: 100vh;

    padding: 80px 20px;

    display: flex;

    align-items: center;

    color: #1b2b65;

    overflow: hidden;

}



.lotto__lotteries_backdrop {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #f0e6ff;

    z-index: -1;

    animation: bgPan 30s infinite alternate;

}



@keyframes bgPan {

    0% {

        transform: scale(1) translateX(0);

    }

    100% {

        transform: scale(1.05) translateX(-2%);

    }

}



.lotto__lotteries_container {

    max-width: 1320px;

    margin: 0 auto;

    width: 100%;

}



.lotto__lotteries_content {

    background: rgba(255, 255, 255, 0.92);

    backdrop-filter: blur(10px);

    border-radius: 15px;

    padding: 50px;

    box-shadow: 0 10px 30px rgba(27, 43, 101, 0.2);

    animation: fadeIn 1s ease;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.lotto__lotteries_title {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.8rem;

    text-align: center;

    margin-bottom: 20px;

    color: #ff1a3d;

}



.lotto__lotteries_intro {

    text-align: center;

    font-size: 1.1rem;

    max-width: 700px;

    margin: 0 auto 40px;

    line-height: 1.7;

}



.lotto__lotteries_grid {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

    justify-content: center;

}



.lotto__lottery_card {

    background: white;

    border-radius: 12px;

    overflow: hidden;

    width: calc(33.333% - 25px);

    box-shadow: 0 5px 15px rgba(27, 43, 101, 0.1);

    transition: all 0.3s ease;

    cursor: pointer;

}



.lotto__lottery_card:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 30px rgba(27, 43, 101, 0.15);

}



.lotto__lottery_header {

    padding: 25px;

    position: relative;

    border-bottom: 1px solid rgba(27, 43, 101, 0.1);

}



.lotto__lottery_header i {

    font-size: 2.5rem;

    color: #ff7913;

    margin-bottom: 15px;

    display: block;

}



.lotto__lottery_name {

    min-height: 90px;

    font-family: 'Major Mono Display', monospace;

    font-size: 1.5rem;

    margin-bottom: 10px;

    color: #1b2b65;

}



.lotto__lottery_date {

    font-size: 0.9rem;

    color: #1b2b65;

    opacity: 0.8;

    margin-bottom: 15px;

}



.lotto__lottery_timer {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.1rem;

    color: #ff1a3d;

    margin-top: 15px;

}



.lotto__lottery_details {

    padding: 0 25px;

    max-height: 0;

    overflow: hidden;

    transition: all 0.5s ease;

}



.lotto__lottery_card.active .lotto__lottery_details {

    padding: 25px;

    max-height: 300px;

}



.lotto__lottery_details p {

    margin-bottom: 20px;

    line-height: 1.6;

}



.lotto__lottery_loginbtn {

    background: linear-gradient(135deg, #1b2b65, #3a4a8a);

    color: white;

    border: none;

    padding: 12px 25px;

    border-radius: 50px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    width: 100%;

    justify-content: center;

}



.lotto__lottery_loginbtn:hover {

    background: linear-gradient(135deg, #ff1a3d, #ff5196);

    transform: translateY(-3px);

    box-shadow: 0 5px 15px rgba(255, 26, 61, 0.3);

}



.draw-today {

    font-size: 1.2rem;

    font-weight: bold;

    color: #ff5722;

    text-transform: uppercase;

    animation: pulse 1.5s infinite;

}



.lotto__lottery_card.lottery-active {

    border: 2px solid #ff5722;

    background-color: rgba(255, 87, 34, 0.1);

    box-shadow: 0 0 15px rgba(255, 87, 34, 0.3);

}



@keyframes pulse {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0.7;

    }

    100% {

        opacity: 1;

    }

}



@media (max-width: 1024px) {

    .lotto__lottery_card {

        width: calc(50% - 25px);

    }



    .lotto__lotteries_title {

        font-size: 2.4rem;

    }

}



@media (max-width: 768px) {

    .lotto__lotteries_content {

        padding: 40px 30px;

    }



    .lotto__lotteries_title {

        font-size: 2rem;

    }



    .lotto__lottery_name {

        font-size: 1.3rem;

    }

}



@media (max-width: 480px) {

    .lotto__lottery_card {

        width: 100%;

        max-width: 400px;

    }



    .lotto__lotteries_title {

        font-size: 1.8rem;

    }



    .lotto__lotteries_content {

        padding: 30px 20px;

    }



    .lotto__lottery_header {

        padding: 20px;

    }



    .lotto__lottery_header i {

        font-size: 2rem;

    }

}



@media (max-width: 320px) {

    .lotto__lotteries_title {

        font-size: 1.6rem;

    }



    .lotto__lottery_timer {

        font-size: 1rem;

    }



    .lotto__lottery_loginbtn {

        padding: 10px 20px;

        font-size: 0.9rem;

    }

}



.lotto__results_wrapper {

    background-color: #f8f3ff;

    padding: 60px 20px;

    font-family: 'Mulish', sans-serif;

    color: #1b2b65;

}



.lotto__results_container {

    max-width: 1320px;

    margin: 0 auto;

    position: relative;

}



.lotto__results_heading {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.5rem;

    margin-bottom: 20px;

    color: #5e2ced;

    text-align: center;



    i {

        margin-right: 15px;

        color: #ffb800;

    }

}



.lotto__results_description {

    text-align: center;

    margin-bottom: 40px;

    font-size: 1.1rem;

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}



.lotto__results_dualblocks {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

}



.lotto__results_formblock {

    flex: 1;

    width: 300px;

    background: white;

    padding: 30px;

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(94, 44, 237, 0.1);

}



.lotto__results_form {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.lotto__results_formgroup {

    position: relative;



    label {

        display: block;

        margin-bottom: 8px;

        font-weight: 500;

        color: #5e2ced;

    }



    input {

        width: 100%;

        padding: 12px 15px;

        border: 2px solid #e0d6ff;

        border-radius: 8px;

        font-family: 'Mulish', sans-serif;

        transition: all 0.3s ease;



        &:focus {

            border-color: #5e2ced;

            outline: none;

            box-shadow: 0 0 0 3px rgba(94, 44, 237, 0.2);

        }

    }

}



.lotto__results_error {

    color: #ff1a3d;

    font-size: 0.85rem;

    margin-top: 5px;

    height: 20px;

    opacity: 0;

    transition: opacity 0.3s ease;



    &.show {

        opacity: 1;

    }

}



.lotto__results_submit {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    border: none;

    padding: 15px;

    border-radius: 8px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    font-size: 1rem;

    cursor: pointer;

    transition: all 0.3s ease;

    margin-top: 10px;



    &:hover {

        transform: translateY(-2px);

        box-shadow: 0 5px 15px rgba(94, 44, 237, 0.3);

    }



    i {

        margin-right: 10px;

    }

}



.lotto__results_prizesblock {

    flex: 2;

    width: 300px;

}



.lotto__results_subheading {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.8rem;

    margin-bottom: 25px;

    color: #5e2ced;



    i {

        margin-right: 10px;

        color: #ffb800;

    }

}



.lotto__results_prizegrid {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}



.lotto__results_prizecard {

    background: white;

    border-radius: 12px;

    padding: 20px;

    flex: 1 1 calc(33.333% - 20px);

    width: 250px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;

    border-top: 4px solid #5e2ced;



    &:hover {

        transform: translateY(-5px);

        box-shadow: 0 10px 25px rgba(94, 44, 237, 0.1);

    }

}



.lotto__results_prizedate {

    font-size: 0.9rem;

    color: #7a7a9d;

    margin-bottom: 10px;

}



.lotto__results_prizeamount {

    font-size: 1.5rem;

    font-weight: 700;

    color: #ffb800;

    margin-bottom: 15px;

}



.lotto__results_prizenumbers {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.1rem;

    color: #5e2ced;

    margin-bottom: 10px;

    letter-spacing: 1px;

}



.lotto__results_prizelocation {

    font-size: 0.95rem;

    color: #7a7a9d;



    &::before {

        content: '\f3c5';

        font-family: 'Font Awesome 6 Free';

        font-weight: 900;

        margin-right: 8px;

        color: #ff1a3d;

    }

}



.lotto__results_modalsuccess {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1000;

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.3s ease;



    &.show {

        opacity: 1;

        pointer-events: all;

    }

}



.lotto__results_modalcontent {

    background: white;

    padding: 40px;

    border-radius: 15px;

    text-align: center;

    max-width: 500px;

    width: 90%;

    position: relative;

    animation: modalAppear 0.4s ease forwards;



    i {

        font-size: 4rem;

        color: #4caf50;

        margin-bottom: 20px;

    }



    h3 {

        font-family: 'Major Mono Display', monospace;

        font-size: 1.8rem;

        margin-bottom: 15px;

        color: #5e2ced;

    }



    p {

        margin-bottom: 25px;

        font-size: 1.1rem;

    }

}



.lotto__results_modalclose {

    background: #5e2ced;

    color: white;

    border: none;

    padding: 12px 25px;

    border-radius: 8px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;



    &:hover {

        background: #8a3ffb;

        transform: translateY(-2px);

    }

}



@keyframes modalAppear {

    0% {

        transform: translateY(-20px);

        opacity: 0;

    }

    100% {

        transform: translateY(0);

        opacity: 1;

    }

}



@media (max-width: 1024px) {

    .lotto__results_prizecard {

        flex: 1 1 calc(50% - 20px);

    }

}



@media (max-width: 768px) {

    .lotto__results_heading {

        font-size: 2rem;

    }



    .lotto__results_dualblocks {

        flex-direction: column;

    }

}



@media (max-width: 480px) {

    .lotto__results_prizesblock {

        width: 100%;

    }



    .lotto__results_heading {

        font-size: 1.8rem;

    }



    .lotto__results_prizecard {

        flex: 1 1 100%;

    }



    .lotto__results_formblock {

        width: 100%;

        padding: 20px;

    }

}



@media (max-width: 320px) {

    .lotto__results_heading {

        font-size: 1.5rem;

    }



    .lotto__results_description {

        font-size: 1rem;

    }

}



.lotto__faq_wrapper {

    background: url('../images/lotto-backgr-images-4.jpg') center/cover

        no-repeat;

    padding: 80px 20px;

    font-family: 'Mulish', sans-serif;

    color: #1b2b65;

}



.lotto__faq_container {

    max-width: 1320px;

    margin: 0 auto;

    position: relative;

    background: rgba(0, 0, 0, 0.7);

    padding: 25px;

    border-radius: 15px;

}



.lotto__faq_heading {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.8rem;

    margin-bottom: 40px;

    background: white;

    color: #6a3093;

    box-shadow: 0 8px 25px rgba(106, 48, 147, 0.1);

    border-radius: 15px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;



    i {

        margin-right: 15px;

        color: #ff9e00;

    }

}



.lotto__faq_dualblocks {

    display: flex;

    gap: 40px;

    flex-wrap: wrap;

}



.lotto__faq_contactblock {

    flex: 1;

    width: 300px;

    background: white;

    padding: 30px;

    border-radius: 15px;

    box-shadow: 0 8px 25px rgba(106, 48, 147, 0.1);

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    &::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 5px;

        height: 100%;

        background: linear-gradient(to bottom, #6a3093, #a044ff);

    }

}



.lotto__faq_subheading {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.6rem;

    margin-bottom: 25px;

    color: #6a3093;



    i {

        margin-right: 12px;

        color: #ff9e00;

    }

}



.lotto__faq_contactinfo {

    p {

        margin-bottom: 15px;

        font-size: 1.05rem;



        i {

            width: 25px;

            color: #6a3093;

            margin-right: 10px;

        }

    }

}



.lotto__faq_contactlink {

    display: inline-block;

    margin-top: 20px;

    padding: 12px 25px;

    background: linear-gradient(135deg, #6a3093, #a044ff);

    color: white;

    text-decoration: none;

    border-radius: 8px;

    font-weight: 500;

    transition: all 0.3s ease;



    &:hover {

        transform: translateY(-3px);

        box-shadow: 0 5px 15px rgba(106, 48, 147, 0.3);

    }

}



.lotto__faq_questionsblock {

    flex: 2;

    width: 300px;

}



.lotto__faq_questionitem {

    margin-bottom: 15px;

    background: white;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;



    &:hover {

        box-shadow: 0 8px 25px rgba(106, 48, 147, 0.1);

    }

}



.lotto__faq_questionheader {

    padding: 20px;

    display: flex;

    align-items: center;

    cursor: pointer;

    position: relative;



    h4 {

        flex: 1;

        font-family: 'Mulish', sans-serif;

        font-weight: 500;

        font-size: 1.1rem;

        color: #1b2b65;

        margin: 0 15px;

    }



    i:first-child {

        color: #6a3093;

        font-size: 1.2rem;

    }



    .lotto__faq_questiontoggle {

        color: #6a3093;

        transition: transform 0.3s ease;

    }



    &.active {

        .lotto__faq_questiontoggle {

            transform: rotate(180deg);

        }

    }

}



.lotto__faq_questionanswer {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;

    background-color: #faf5ff;



    p {

        padding: 0 20px;

        opacity: 0;

        transition: opacity 0.3s ease 0.2s;

    }



    &.show {

        max-height: 700px;

        padding: 20px 0;



        p {

            opacity: 1;

        }

    }

}



@media (max-width: 1024px) {

    .lotto__faq_heading {

        font-size: 2.4rem;

    }

}



@media (max-width: 768px) {

    .lotto__faq_heading {

        font-size: 2rem;

    }



    .lotto__faq_dualblocks {

        flex-direction: column;

    }



    .lotto__faq_contactblock {

        margin-bottom: 30px;

    }

}



@media (max-width: 480px) {

    .lotto__faq_wrapper {

        padding: 80px 10px;

    }



    .lotto__faq_heading {

        font-size: 1.8rem;

    }



    .lotto__faq_questionsblock {

        width: 100%;

    }



    .lotto__faq_contactblock {

        width: 100%;

    }



    .lotto__faq_questionheader {

        padding: 15px;



        h4 {

            font-size: 1rem;

            margin: 0 10px;

        }

    }

}



@media (max-width: 320px) {

    .lotto__faq_heading {

        font-size: 1.6rem;

    }



    .lotto__faq_contactblock {

        padding: 20px;

    }



    .lotto__faq_contactinfo p {

        margin-bottom: 15px;

        font-size: 0.8rem;

    }

}



.lotto__responsible_wrapper {

    background-color: #f8f4ff;

    padding: 80px 20px;

    font-family: 'Mulish', sans-serif;

    color: #1a1d3a;

}



.lotto__responsible_container {

    max-width: 1320px;

    margin: 0 auto;

}



.lotto__responsible_heading {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.8rem;

    text-align: center;

    margin-bottom: 50px;

    color: #5e2ced;

    text-transform: uppercase;

    letter-spacing: 1.5px;



    i {

        color: #ff9e00;

        margin-right: 15px;

    }

}



.lotto__responsible_contentblocks {

    display: flex;

    flex-direction: column;

    gap: 60px;

}



.lotto__responsible_textblock {

    background: white;

    padding: 40px;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(94, 44, 237, 0.08);

    position: relative;

    overflow: hidden;



    &::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 6px;

        height: 100%;

        background: linear-gradient(to bottom, #5e2ced, #8a3ffb);

    }

}



.lotto__responsible_subheading {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.8rem;

    color: #5e2ced;

    margin-bottom: 25px;

    position: relative;

    display: inline-block;



    &::after {

        content: '';

        position: absolute;

        bottom: -8px;

        left: 0;

        width: 60px;

        height: 3px;

        background: #ff9e00;

    }

}



.lotto__responsible_description {

    p {

        margin-bottom: 20px;

        font-size: 1.1rem;

        line-height: 1.8;



        &:last-child {

            margin-bottom: 0;

        }



        a {

            color: #5e2ced;

            font-weight: 500;

            text-decoration: none;

            border-bottom: 2px solid #ff9e00;

            transition: all 0.3s ease;



            &:hover {

                color: #8a3ffb;

                border-bottom-color: #5e2ced;

            }

        }

    }

}



.lotto__responsible_partnersblock {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 40px;

    background: white;

    padding: 40px;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(94, 44, 237, 0.08);

}



.lotto__responsible_partnergroup {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 30px;

    flex: 1;

    min-width: 250px;

}



.lotto__responsible_centergroup {

    display: flex;

    justify-content: center;

    align-items: center;

}



.lotto__responsible_partnerlink {

    display: inline-block;

    transition: transform 0.3s ease;



    &:hover {

        transform: translateY(-5px) scale(1.03);

    }



    img {

        border-radius: 8px;

        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

        transition: all 0.3s ease;



        &:hover {

            box-shadow: 0 8px 25px rgba(94, 44, 237, 0.2);

        }

    }

}



.lotto__responsible_ageicon {

    border-radius: 50%;

    box-shadow: 0 5px 15px rgba(255, 158, 0, 0.3);

    padding: 10px;

    background: linear-gradient(135deg, #ff9e00, #ff7913);

    animation: pulse 2s infinite;

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.05);

    }

    100% {

        transform: scale(1);

    }

}



@media (max-width: 1024px) {

    .lotto__responsible_heading {

        font-size: 2.4rem;

    }



    .lotto__responsible_contentblocks {

        gap: 40px;

    }

}



@media (max-width: 768px) {

    .lotto__responsible_heading {

        font-size: 2rem;

    }



    .lotto__responsible_textblock {

        padding: 30px;

    }



    .lotto__responsible_partnersblock {

        flex-direction: column;

        gap: 30px;

    }



    .lotto__responsible_partnergroup {

        min-width: 100%;

    }

}



@media (max-width: 480px) {

    .lotto__responsible_heading {

        font-size: 1.8rem;

    }



    .lotto__responsible_subheading {

        font-size: 1.5rem;

    }



    .lotto__responsible_description p {

        font-size: 1rem;

    }



    .lotto__responsible_textblock,

    .lotto__responsible_partnersblock {

        padding: 25px;

    }

}



@media (max-width: 320px) {

    .lotto__responsible_heading {

        font-size: 1.6rem;

    }



    .lotto__responsible_subheading {

        font-size: 1.3rem;

    }



    .lotto__responsible_partnerlink img {

        max-width: 150px;

        height: auto;

    }



    .lotto__responsible_ageicon {

        width: 60px;

        height: 60px;

    }

}



.lotto__footer_mainwrap {

    background: linear-gradient(145deg, #1a1b2e, #2d2b52);

    color: #e0e0ff;

    padding: 60px 0 0;

    font-family: 'Mulish', sans-serif;

    position: relative;

    overflow: hidden;



    &::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 4px;

        background: linear-gradient(90deg, #ff9e00, #ff3d67, #8a2fff);

    }

}



.lotto__footer_contentbox {

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 20px;

}



.lotto__footer_linkspanel {

    display: flex;

    flex-wrap: wrap;

    gap: 40px;

    margin-bottom: 50px;

    padding-bottom: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.lotto__footer_navpanel,

.lotto__footer_infopanel,

.lotto__footer_gamespanel,

.lotto__footer_contactpanel,

.lotto__footer_logopanel {

    flex: 1;

    min-width: 200px;

    height: auto;

}



.lotto__footer_panelheader {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.3rem;

    color: #ff9e00;

    margin-bottom: 20px;

    position: relative;

    padding-bottom: 10px;



    &::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 50px;

        height: 2px;

        background: #8a2fff;

    }

}



.lotto__footer_linklist {

    list-style: none;

}



.lotto__footer_menulink {

    display: block;

    padding: 8px 0;

    color: #e0e0ff;

    text-decoration: none;

    transition: all 0.3s ease;

    font-size: 0.95rem;



    &:hover {

        color: #ff9e00;

        transform: translateX(5px);

    }



    i {

        margin-right: 10px;

        width: 20px;

        text-align: center;

    }

}



.lotto__footer_infotext {

    font-size: 0.95rem;

    line-height: 1.7;

    opacity: 0.9;

}



.lotto__footer_gamelist {

    list-style: none;

    margin-bottom: 20px;

}



.lotto__footer_gameitem {

    padding: 8px 0;

    font-size: 0.95rem;

    position: relative;

    padding-left: 20px;



    &::before {

        content: '→';

        position: absolute;

        left: 0;

        color: #8a2fff;

    }

}



.lotto__footer_viewall {

    display: inline-block;

    padding: 10px 15px;

    background: rgba(138, 47, 255, 0.1);

    color: #b388ff;

    text-decoration: none;

    border-radius: 5px;

    font-size: 0.9rem;

    transition: all 0.3s ease;

    border: 1px solid rgba(138, 47, 255, 0.3);



    &:hover {

        background: rgba(138, 47, 255, 0.2);

        transform: translateY(-2px);

    }



    i {

        margin-right: 8px;

    }

}



.lotto__footer_addressbox {

    font-style: normal;

    font-size: 0.95rem;



    p {

        margin-bottom: 10px;

        display: flex;

        align-items: center;

    }



    a {

        color: #e0e0ff;

        text-decoration: none;

        transition: color 0.3s ease;



        &:hover {

            color: #ff9e00;

        }

    }



    i {

        margin-right: 10px;

        color: #8a2fff;

        width: 20px;

        text-align: center;

    }

}



.lotto__footer_brandlogo {

    opacity: 0.9;

    transition: all 0.5s ease;



    &:hover {

        opacity: 1;

        transform: rotate(-5deg) scale(1.05);

    }

}



.lotto__footer_legalpanel {

    display: flex;

    flex-wrap: wrap;

    gap: 40px;

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.lotto__footer_responsible {

    flex: 2;

    min-width: 300px;

}



.lotto__footer_responsibletitle {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.1rem;

    color: #ff9e00;

    margin-bottom: 15px;

    display: flex;

    align-items: center;



    i {

        margin-right: 10px;

        color: #ff3d67;

    }

}



.lotto__footer_responsibletext {

    font-size: 0.9rem;

    line-height: 1.8;

    opacity: 0.8;



    a {

        color: #b388ff;

        text-decoration: none;

        border-bottom: 1px dotted #8a2fff;

        transition: all 0.3s ease;



        &:hover {

            color: #ff9e00;

            border-bottom-color: #ff9e00;

        }

    }

}



.lotto__footer_copyright {

    flex: 1;

    min-width: 250px;

    display: flex;

    align-items: center;

    gap: 20px;

}



.lotto__footer_agebadge {

    border-radius: 50%;

    background: #ff3d67;

    padding: 10px;

}



.lotto__footer_copyrighttext {

    font-size: 0.85rem;

    opacity: 0.7;

}



@media (max-width: 1024px) {

    .lotto__footer_linkspanel {

        gap: 30px;

    }



    .lotto__footer_legalpanel {

        gap: 30px;

    }

}



@media (max-width: 768px) {

    .lotto__footer_navpanel,

    .lotto__footer_infopanel,

    .lotto__footer_gamespanel,

    .lotto__footer_contactpanel {

        min-width: calc(50% - 20px);

    }



    .lotto__footer_logopanel {

        min-width: 100%;

        text-align: center;

        margin-top: 30px;

    }



    .lotto__footer_responsible,

    .lotto__footer_copyright {

        min-width: 100%;

    }



    .lotto__footer_copyright {

        justify-content: center;

        margin-top: 20px;

    }

}



@media (max-width: 480px) {

    .lotto__footer_linklist,

    .lotto__footer_panelheader,

    .lotto__footer_addressbox,

    .lotto__footer_gamelist {

        flex-direction: column;

    }

    .lotto__footer_navpanel,

    .lotto__footer_infopanel,

    .lotto__footer_gamespanel,

    .lotto__footer_contactpanel {

        min-width: 100%;

    }



    .lotto__footer_linkspanel {

        gap: 40px;

    }



    .lotto__footer_panelheader {

        font-size: 1.2rem;

    }



    .lotto__footer_viewall {

        display: block;

        text-align: center;

    }

}



@media (max-width: 320px) {

    .lotto__footer_contentbox {

        padding: 0 15px;

    }



    .lotto__footer_panelheader {

        font-size: 1.1rem;

    }



    .lotto__footer_copyright {

        flex-direction: column;

        text-align: center;

        gap: 15px;

    }

}



.lotto__ageverification_wrap {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.99);

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: 'Mulish', sans-serif;

}



.lotto__ageverification_box {

    background: linear-gradient(145deg, #1a1a2e, #2a2a4a);

    border-radius: 12px;

    max-width: 500px;

    width: 90%;

    padding: 30px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);

    border: 1px solid #ff3d67;

}



.lotto__ageverification_content {

    text-align: center;

}



.lotto__ageverification_header {

    font-family: 'Major Mono Display', monospace;

    color: #ff9e00;

    margin-bottom: 20px;

    font-size: 1.8rem;



    i {

        margin-right: 10px;

        color: #ff3d67;

    }

}



.lotto__ageverification_text {

    color: #e0e0ff;

    margin-bottom: 30px;

    line-height: 1.7;

    font-size: 1.1rem;

}



.lotto__ageverification_btns {

    display: flex;

    gap: 20px;

    justify-content: center;

    flex-wrap: wrap;

}



.lotto__ageverification_confirm,

.lotto__ageverification_deny {

    padding: 12px 25px;

    border: none;

    border-radius: 6px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    font-size: 1rem;

    cursor: pointer;

    transition: all 0.3s ease;

}



.lotto__ageverification_confirm {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;



    &:hover {

        transform: translateY(-3px);

        box-shadow: 0 5px 15px rgba(94, 44, 237, 0.4);

    }

}



.lotto__ageverification_deny {

    background: transparent;

    color: #ff3d67;

    border: 2px solid #ff3d67;



    &:hover {

        background: rgba(255, 61, 103, 0.1);

    }

}



.lotto__cookiesconsent_wrap {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(30, 30, 50, 0.95);

    z-index: 9998;

    padding: 20px 0;

    display: none;

}



.lotto__cookiesconsent_box {

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 20px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}



.lotto__cookiesconsent_text {

    color: #e0e0ff;

    flex: 1;

    min-width: 250px;

    font-size: 0.95rem;

    line-height: 1.6;



    a {

        color: #b388ff;

        text-decoration: none;

        border-bottom: 1px dotted #8a2fff;

        transition: all 0.3s ease;



        &:hover {

            color: #ff9e00;

            border-bottom-color: #ff9e00;

        }

    }

}



.lotto__cookiesconsent_accept {

    padding: 10px 25px;

    background: linear-gradient(135deg, #ff9e00, #ff7913);

    color: #1a1a2e;

    border: none;

    border-radius: 6px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;



    &:hover {

        transform: translateY(-2px);

        box-shadow: 0 5px 15px rgba(255, 158, 0, 0.3);

    }

}



.lotto__backtotop_wrap {

    position: fixed;

    bottom: 90px;

    left: 30px;

    z-index: 999;

    display: none;

}



.lotto__backtotop_btn {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    border: none;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0 5px 20px rgba(94, 44, 237, 0.3);

    transition: all 0.3s ease;



    &:hover {

        transform: translateY(-5px) scale(1.1);

    }



    i {

        font-size: 1.2rem;

    }

}



@media (max-width: 768px) {

    .lotto__ageverification_header {

        font-size: 1.5rem;

    }



    .lotto__ageverification_text {

        font-size: 1rem;

    }



    .lotto__cookiesconsent_box {

        flex-direction: column;

        text-align: center;

    }



    .lotto__backtotop_wrap {

        bottom: 20px;

        left: 20px;

    }

}



@media (max-width: 480px) {

    .lotto__ageverification_header {

        font-size: 1.3rem;

    }



    .lotto__ageverification_btns {

        flex-direction: column;

        gap: 10px;

    }



    .lotto__ageverification_confirm,

    .lotto__ageverification_deny {

        width: 100%;

    }



    .lotto__backtotop_wrap {

        bottom: 250px;

        left: 15px;

    }



    .lotto__backtotop_btn {

        width: 45px;

        height: 45px;

    }

}



.lotto-pages__contact_header {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    padding: 80px 20px;

    text-align: center;

}



.lotto-pages__contact_headwrap {

    max-width: 800px;

    margin: 0 auto;

}



.lotto-pages__contact_mainhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.5rem;

    margin-bottom: 30px;



    i {

        margin-right: 15px;

        color: #ff9e00;

    }

}



.lotto-pages__contact_intro {

    font-size: 1.1rem;

    line-height: 1.8;

    opacity: 0.9;

}



.lotto-pages__contact_formsection {

    padding: 60px 20px;

    background: #f8f4ff;

}



.lotto-pages__contact_formwrap {

    max-width: 600px;

    margin: 0 auto;

    background: white;

    padding: 40px;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(94, 44, 237, 0.1);

}



.lotto-pages__contact_formhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.8rem;

    color: #5e2ced;

    margin-bottom: 30px;



    i {

        margin-right: 12px;

        color: #ff9e00;

    }

}



.lotto-pages__contact_form {

    display: flex;

    flex-direction: column;

    gap: 25px;

}



.lotto-pages__contact_formgroup {

    position: relative;

}



.lotto-pages__contact_label {

    display: block;

    margin-bottom: 8px;

    font-weight: 500;

    color: #5e2ced;

}



.lotto-pages__contact_input,

.lotto-pages__contact_textarea {

    width: 100%;

    padding: 12px 15px;

    border: 2px solid #e0d6ff;

    border-radius: 8px;

    font-family: 'Mulish', sans-serif;

    transition: all 0.3s ease;



    &:focus {

        border-color: #5e2ced;

        outline: none;

        box-shadow: 0 0 0 3px rgba(94, 44, 237, 0.2);

    }

}



.lotto-pages__contact_textarea {

    resize: vertical;

    min-height: 120px;

}



.lotto-pages__contact_error {

    color: #ff1a3d;

    font-size: 0.85rem;

    margin-top: 5px;

    height: 20px;

    opacity: 0;

    transition: opacity 0.3s ease;



    &.show {

        opacity: 1;

    }

}



.lotto-pages__contact_submit {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    border: none;

    padding: 15px;

    border-radius: 8px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    font-size: 1rem;

    cursor: pointer;

    transition: all 0.3s ease;

    margin-top: 10px;



    &:not(:disabled):hover {

        transform: translateY(-2px);

        box-shadow: 0 5px 15px rgba(94, 44, 237, 0.3);

    }



    &:disabled {

        opacity: 0.6;

        cursor: not-allowed;

    }



    i {

        margin-right: 10px;

    }

}



.lotto-pages__contact_successmodal {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.3s ease;



    &.show {

        opacity: 1;

        pointer-events: all;

    }

}



.lotto-pages__contact_modalcontent {

    background: white;

    padding: 40px;

    border-radius: 12px;

    text-align: center;

    max-width: 500px;

    width: 90%;

    transform: translateY(20px);

    transition: transform 0.3s ease;



    .show & {

        transform: translateY(0);

    }



    i {

        font-size: 4rem;

        color: #4caf50;

        margin-bottom: 20px;

    }

}



.lotto-pages__contact_modaltitle {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.8rem;

    margin-bottom: 15px;

    color: #5e2ced;

}



.lotto-pages__contact_modaltext {

    margin-bottom: 25px;

    font-size: 1.1rem;

    line-height: 1.7;

}



.lotto-pages__contact_modalclose {

    background: #5e2ced;

    color: white;

    border: none;

    padding: 12px 25px;

    border-radius: 8px;

    font-family: 'Mulish', sans-serif;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;



    &:hover {

        background: #8a3ffb;

        transform: translateY(-2px);

    }

}



@media (max-width: 768px) {

    .lotto-pages__contact_mainhead {

        font-size: 2rem;

    }



    .lotto-pages__contact_formwrap {

        padding: 30px;

    }



    .lotto-pages__contact_formhead {

        font-size: 1.6rem;

    }

}



@media (max-width: 480px) {

    .lotto-pages__contact_header {

        padding: 60px 15px;

    }



    .lotto-pages__contact_mainhead {

        font-size: 1.8rem;

    }



    .lotto-pages__contact_intro {

        font-size: 1rem;

    }



    .lotto-pages__contact_formsection {

        padding: 40px 15px;

    }



    .lotto-pages__contact_formwrap {

        padding: 25px;

    }

}



@media (max-width: 320px) {

    .lotto-pages__contact_mainhead {

        font-size: 1.6rem;

    }



    .lotto-pages__contact_formhead {

        font-size: 1.4rem;

    }



    .lotto-pages__contact_input,

    .lotto-pages__contact_textarea {

        padding: 10px 12px;

    }



    .lotto-pages__contact_submit {

        padding: 12px;

    }

}



.lotto-pages__privacypolicy_header {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    padding: 80px 20px;

    text-align: center;

}



.lotto-pages__privacypolicy_headwrap {

    max-width: 800px;

    margin: 0 auto;

}



.lotto-pages__privacypolicy_mainhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.5rem;



    i {

        margin-right: 15px;

        color: #ff9e00;

    }

}



.lotto-pages__privacypolicy_content {

    padding: 60px 20px;

    background: #f8f4ff;

}



.lotto-pages__privacypolicy_container {

    max-width: 1320px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}



.lotto-pages__privacypolicy_item {

    flex: 1 1 calc(33.333% - 30px);

    min-width: 300px;

    background: white;

    padding: 30px;

    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(94, 44, 237, 0.1);

    transition: all 0.3s ease;



    &:hover {

        transform: translateY(-5px);

        box-shadow: 0 10px 30px rgba(94, 44, 237, 0.2);

    }

}



.lotto-pages__privacypolicy_subhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.3rem;

    color: #5e2ced;

    margin: 20px 0 15px;

    position: relative;

    padding-bottom: 10px;



    &::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 50px;

        height: 2px;

        background: #ff9e00;

    }

}



.lotto-pages__privacypolicy_text {

    font-size: 0.95rem;

    line-height: 1.7;

    color: #1b2b65;

}



.lotto-pages__privacypolicy_item i {

    font-size: 2rem;

    color: #8a3ffb;

}



@media (max-width: 1024px) {

    .lotto-pages__privacypolicy_item {

        flex: 1 1 calc(50% - 30px);

    }

}



@media (max-width: 768px) {

    .lotto-pages__privacypolicy_mainhead {

        font-size: 2rem;

    }



    .lotto-pages__privacypolicy_header {

        padding: 60px 20px;

    }



    .lotto-pages__privacypolicy_content {

        padding: 40px 20px;

    }

}



@media (max-width: 480px) {

    .lotto-pages__privacypolicy_mainhead {

        font-size: 1.8rem;

    }



    .lotto-pages__privacypolicy_item {

        flex: 1 1 100%;

        min-width: auto;

    }



    .lotto-pages__privacypolicy_subhead {

        font-size: 1.2rem;

    }

}



@media (max-width: 320px) {

    .lotto-pages__privacypolicy_mainhead {

        font-size: 1.6rem;

    }



    .lotto-pages__privacypolicy_header {

        padding: 50px 15px;

    }



    .lotto-pages__privacypolicy_item {

        padding: 25px;

    }

}



.lotto-pages__cookiepolicy_header {

    background: linear-gradient(135deg, #5e2ced, #8a3ffb);

    color: white;

    padding: 80px 20px;

    text-align: center;

}



.lotto-pages__cookiepolicy_headwrap {

    max-width: 800px;

    margin: 0 auto;

}



.lotto-pages__cookiepolicy_mainhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.5rem;



    i {

        margin-right: 15px;

        color: #ff9e00;

    }

}



.lotto-pages__cookiepolicy_content {

    padding: 60px 20px;

    background: #f8f4ff;

}



.lotto-pages__cookiepolicy_container {

    max-width: 1320px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}



.lotto-pages__cookiepolicy_item {

    flex: 1 1 calc(33.333% - 30px);

    min-width: 300px;

    background: white;

    padding: 30px;

    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(94, 44, 237, 0.1);

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;



    &:hover {

        transform: translateY(-5px);

        box-shadow: 0 10px 30px rgba(94, 44, 237, 0.1);

    }



    &::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 5px;

        height: 100%;

        background: linear-gradient(to bottom, #5e2ced, #8a3ffb);

        transition: width 0.3s ease;

    }

}



.lotto-pages__cookiepolicy_subhead {

    font-family: 'Major Mono Display', monospace;

    font-size: 1.3rem;

    color: #5e2ced;

    margin: 20px 0 15px;

    position: relative;

    padding-left: 15px;



    &::before {

        content: '';

        position: absolute;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

        width: 5px;

        height: 20px;

        background: #ff9e00;

    }

}



.lotto-pages__cookiepolicy_text {

    font-size: 0.95rem;

    line-height: 1.7;

    color: #1b2b65;

    padding-left: 15px;

}



.lotto-pages__cookiepolicy_item i {

    font-size: 2rem;

    color: #8a3ffb;

    margin-left: 15px;

    transition: all 0.3s ease;

}



@media (max-width: 1024px) {

    .lotto-pages__cookiepolicy_item {

        flex: 1 1 calc(50% - 30px);

    }

}



@media (max-width: 768px) {

    .lotto-pages__cookiepolicy_mainhead {

        font-size: 2rem;

    }



    .lotto-pages__cookiepolicy_header {

        padding: 60px 20px;

    }



    .lotto-pages__cookiepolicy_content {

        padding: 40px 20px;

    }

}



@media (max-width: 480px) {

    .lotto-pages__cookiepolicy_mainhead {

        font-size: 1.8rem;

    }



    .lotto-pages__cookiepolicy_item {

        flex: 1 1 100%;

        min-width: auto;

    }



    .lotto-pages__cookiepolicy_subhead {

        font-size: 1.2rem;

    }

}



@media (max-width: 320px) {

    .lotto-pages__cookiepolicy_mainhead {

        font-size: 1.6rem;

    }



    .lotto-pages__cookiepolicy_header {

        padding: 50px 15px;

    }



    .lotto-pages__cookiepolicy_item {

        padding: 25px;

    }

}



.lotto-pages__container_respgame-heading {

    padding: 80px 20px;

    background: #fef9f3;

    text-align: center;

}



.lotto-pages__content_respgame-heading h1,

.lotto-pages__title_respgame-heading {

    font-family: 'Major Mono Display', monospace;

    font-size: 2.4rem;

    color: #202b4e;

    margin-bottom: 20px;

}



.lotto-pages__subtitle_respgame-heading {

    font-size: 1.2rem;

    max-width: 600px;

    margin: 0 auto;

    color: #3e3e3e;

    font-family: 'Mulish', sans-serif;

}



.lotto-pages__container_respgame-policy {

    padding: 60px 20px;

    background: linear-gradient(135deg, #fff7e7, #ffe0f0);

}



.lotto-pages__grid_respgame-policy {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: center;

    max-width: 1320px;

    margin: 0 auto;

}



.lotto-pages__card_respgame-policy {

    flex: 1 1 280px;

    background: #ffffff;

    padding: 25px 20px;

    border-radius: 16px;

    text-align: center;

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);

    transition: transform 0.4s ease, box-shadow 0.4s ease;

}



.lotto-pages__card_respgame-policy:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);

}



.lotto-pages__card_respgame-policy i {

    font-size: 2.2rem;

    color: #ff3b77;

    margin-bottom: 12px;

}



.lotto-pages__card_respgame-policy p {

    font-size: 1rem;

    font-family: 'Mulish', sans-serif;

    color: #2a2a2a;

    line-height: 1.6;

}



@media (max-width: 1024px) {

    .lotto-pages__title_respgame-heading {

        font-size: 2.2rem;

    }

}



@media (max-width: 768px) {

    .lotto-pages__title_respgame-heading {

        font-size: 2rem;

    }



    .lotto-pages__grid_respgame-policy {

        flex-direction: column;

        align-items: center;

    }

}



@media (max-width: 480px) {

    .lotto-pages__card_respgame-policy {

        padding: 20px 16px;

    }

}



@media (max-width: 320px) {

    .lotto-pages__title_respgame-heading {

        font-size: 1rem;

    }



    .lotto-pages__subtitle_respgame-heading {

        font-size: 1rem;

    }

}