@media screen and (max-width:768px) {

    /* alert */
    .oylDoNSRAw {
        padding: 8px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        border: 1px solid #90caf9;
        border-radius: 8px;
    }

    .oylDoNSRAw img {
        width: 24px;
        height: 24px;
        filter: hue-rotate(200deg) saturate(1.2);
    }

    .oylDoNSRAw p {
        font-size: 14px;
        line-height: 19px;
        color: #1565c0;
    }

    /* header */
    header {
        background: linear-gradient(180deg, #e3f2fd 0%, rgba(227, 242, 253, 0.8) 100%);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid #bbdefb;
    }

    .FGZJHFwZIa {
        padding: 10px 16px;
        background: rgba(187, 222, 251, 0.3);
        border-radius: 12px;
    }

    .RGwvaItCet {
        width: 152px;
        height: 30px;
        filter: hue-rotate(200deg) brightness(1.1);
    }

    .VfKIsUfLYf {
        width: 128px;
        padding: 4px 8px;
        background: linear-gradient(135deg, #64b5f6, #42a5f5);
        color: white;
        border-radius: 6px;
        border: none;
        box-shadow: 0 2px 8px rgba(66, 165, 245, 0.3);
    }

    /* offer */
    .CnrzrVWiNj {
        padding: 12px 16px;
        background: linear-gradient(135deg, #f3f9ff, #e8f4fd);
        border-radius: 12px;
        box-shadow: 0 4px 16px rgba(33, 150, 243, 0.1);
    }

    .ZibxRTeGlj {
        background: rgba(227, 242, 253, 0.5);
        padding: 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #bbdefb;
    }

    .HVILvHmtpI {
        gap: 8px;
    }

    .HVILvHmtpI h1 {
        font-size: 20px;
        line-height: 28px;
        color: #0d47a1;
        text-shadow: 0 1px 2px rgba(13, 71, 161, 0.1);
    }

    .HVILvHmtpI p {
        font-size: 14px;
        line-height: 20px;
        color: #1565c0;
    }

    .esqxVZMStD {
        font-size: 14px;
        line-height: 22px;
        color: #1976d2;
        background: rgba(144, 202, 249, 0.2);
        padding: 8px;
        border-radius: 6px;
    }

    /* footer */
    footer {
        padding: 64px 16px 24px;
        background: linear-gradient(180deg, #e3f2fd, #bbdefb);
        border-top: 2px solid #90caf9;
    }

    .WqzIwXcCAm {
        padding: 40px 16px;
        background: rgba(227, 242, 253, 0.6);
        border-radius: 16px;
        backdrop-filter: blur(5px);
    }

    .tDIYbflgDK {
        flex-direction: column;
    }

    .ehHjuTTQvF {
        padding-top: 88px;
        background: linear-gradient(135deg, rgba(227, 242, 253, 0.8), rgba(187, 222, 251, 0.6));
    }

    /* contact */
    .content-container {
        padding: 12px 16px 36px;
        background: #f8fbff;
        border: 1px solid #e1f5fe;
        border-radius: 12px;
    }

    .content-title {
        padding: 16px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        border-radius: 8px 8px 0 0;
        border-bottom: 2px solid #81d4fa;
    }

    .content-title h1 {
        font-size: 20px;
        line-height: 28px;
        color: #0d47a1;
    }

    .WFrFuRpwnH {
        padding: 10px 16px;
        gap: 24px;
        background: rgba(179, 229, 252, 0.3);
        border-radius: 8px;
    }

    .bwfCeebTVk {
        flex-direction: column;
    }

    /* pages */
    .kfAJoPAwgE {
        padding: 10px 16px;
        background: linear-gradient(135deg, #f3f9ff, #e8f4fd);
        border-radius: 8px;
    }

    .zCPTacolvg h4 {
        font-size: 15px;
        line-height: 26px;
        color: #1565c0;
        border-bottom: 2px solid #81d4fa;
        padding-bottom: 4px;
    }

    .zCPTacolvg p,
    .zCPTacolvg ul li {
        font-size: 15px;
        line-height: 26px;
        color: #1976d2;
    }

    /* modals */
    .TRyHmiiZBk {
        max-width: 375px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        border: 2px solid #64b5f6;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 20px rgba(33, 150, 243, 0.2);
    }

    .VUIpBPjjxo {
        width: 343px;
        background: rgba(227, 242, 253, 0.9);
        backdrop-filter: blur(10px);
        border-radius: 12px;
    }

    .QdnylDvisy h1 {
        font-size: 17px;
        line-height: 24px;
        color: #0d47a1;
    }

    .QdnylDvisy p,
    .QdnylDvisy a {
        font-size: 14px;
        color: #1565c0;
    }

    .QdnylDvisy a {
        text-decoration: underline;
        text-decoration-color: #42a5f5;
    }

    .shZMcmoICr {
        flex-direction: column-reverse;
    }

    .khSQTCsERO {
        padding: 8px;
        background: rgba(144, 202, 249, 0.2);
        border-radius: 6px;
    }

    .OOpaiLCEiw {
        width: 343px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        border-radius: 12px;
        border: 1px solid #90caf9;
    }
    
    .OOpaiLCEiw h5 {
        font-size: 17px;
        line-height: 24px;
        color: #0d47a1;
        background: rgba(144, 202, 249, 0.3);
        padding: 8px;
        border-radius: 8px 8px 0 0;
        margin: 0;
    }
}

@media screen and (max-width:1000px) {
    .eoZNfHzweO {
        max-width: 809px;
        padding: 24px 16px;
        justify-content: space-between;
        background: linear-gradient(135deg, #f8fbff, #e8f4fd);
        border-radius: 16px;
        border: 1px solid #bbdefb;
    }

    .XWHMZnwyMY {
        width: 120px;
        height: 80px;
        flex-shrink: 0;
        filter: hue-rotate(200deg) brightness(1.1);
    }

    .CVnxIIRvOQ {
        gap: 16px;
    }

    .CEMcWZSsQy span {
        font-size: 24px;
        line-height: 24px;
        color: #1565c0;
        text-shadow: 0 1px 3px rgba(21, 101, 192, 0.2);
    }

    .sUDjWSnlbo {
        max-width: 226px;
        background: rgba(179, 229, 252, 0.4);
        padding: 12px;
        border-radius: 8px;
        border: 1px solid #81d4fa;
    }

    .sUDjWSnlbo p {
        font-size: 17px;
        line-height: 26px;
        color: #1976d2;
    }

    .RUngEnSyyh {
        max-width: 280px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        padding: 16px;
        border-radius: 12px;
        box-shadow: 0 2px 12px rgba(33, 150, 243, 0.15);
    }
}

@media screen and (max-width:800px) {
    .eoZNfHzweO {
        max-width: 527px;
        flex-direction: column;
        gap: 12px;
        padding: 24px 16px 12px 16px;
        background: linear-gradient(180deg, #f3f9ff, #e8f4fd);
        border-radius: 20px;
    }

    .CVnxIIRvOQ {
        gap: 12px;
    }

    .CEMcWZSsQy {
        flex-direction: row;
        background: rgba(144, 202, 249, 0.2);
        padding: 8px;
        border-radius: 8px;
    }

    .sUDjWSnlbo {
        max-width: 310px;
        min-height: 57px;
        width: 100%;
        background: rgba(227, 242, 253, 0.7);
    }

    .RUngEnSyyh {
        width: 100%;
        min-height: auto;
        max-width: 350px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    }

    .BNyojbNbFa {
        max-width: 281px;
        background: rgba(179, 229, 252, 0.3);
        padding: 12px;
        border-radius: 8px;
    }
}

@media screen and (max-width:599px) {
    .fPweSdeTan {
        padding: 10px 16px;
        gap: 32px;
        background: linear-gradient(135deg, #f8fbff, #e3f2fd);
        border-radius: 12px;
    }

    .eoZNfHzweO {
        padding: 12px;
        background: rgba(227, 242, 253, 0.8);
        backdrop-filter: blur(5px);
    }

    .DIQqzYXlMy {
        padding: 24px 12px 12px 12px;
        background: linear-gradient(135deg, #e8f4fd, #bbdefb);
        border-radius: 16px;
    }

    .CVnxIIRvOQ {
        flex-direction: column;
    }

    .sUDjWSnlbo {
        max-width: 319px;
        text-align: center;
        background: rgba(179, 229, 252, 0.5);
        border: 1px solid #81d4fa;
    }

    .RUngEnSyyh {
        max-width: 297px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        border: 1px solid #90caf9;
    }

    .vlsuSYaFjW {
        padding: 2px 8px;
        background: rgba(100, 181, 246, 0.3);
        border-radius: 4px;
        border: 1px solid #64b5f6;
    }
}

@media screen and (max-width:374px) {
    /* modals */
    .TRyHmiiZBk {
        max-width: 343px;
        background: linear-gradient(135deg, #e3f2fd, #bbdefb);
        box-shadow: 0 -6px 24px rgba(33, 150, 243, 0.25);
    }
}