* {box-sizing: border-box;margin: 0;padding: 0}

:root {--shadow-glow: 0 0 25px rgba(0, 193, 212, 0.35);--shadow-xl: 0 20px 40px rgba(0, 82, 204, 0.2);
    --transition-fast: 0.2s ease;--transition-normal: 0.3s ease;
    --accent-orange: #FFAB00;
    --text-primary: #101828;--radius-md: 8px;--gradient-dark: linear-gradient(135deg, #001A4D 0%, #091E42 50%, #000814 100%);--radius-lg: 12px;--text-light: #E0F2FE;
    --primary-blue: #001A4D;
    --shadow-sm: 0 2px 4px rgba(0, 82, 204, 0.08);
    --radius-sm: 4px;--shadow-lg: 0 10px 25px rgba(0, 82, 204, 0.15);
    --accent-red: rgba(255,86,48,1);--transition-slow: 0.5s ease;--text-secondary: #475467;
    --bg-primary: rgba(244,247,251,1);--radius-full: 50px;--radius-xl: 20px;--bg-dark: #001A4D;--bg-secondary: #E9F0FF;--gradient-gold: linear-gradient(135deg, #00C1D4 0%, #4C9AFF 50%, #0052CC 100%);--gradient-success: linear-gradient(135deg, #36B37E 0%, #006644 100%);

    
    --gradient-primary: linear-gradient(135deg, #0052CC 0%, #172B4D 50%, #001A4D 100%);--text-white: #ffffff;
    --primary-green: #0052CC;--shadow-md: 0 4px 6px rgba(0, 82, 204, 0.12);
    --primary-yellow: #00C1D4}

html {
    scroll-behavior: smooth;
}

body {color: var(--text-primary);line-height: 1.6;background: 
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 151, 57, 0.08), transparent),
        radial-gradient(ellipse 60% 40% at 100% 100%, rgba(255, 223, 0, 0.06), transparent),
        linear-gradient(180deg, #F8FAF5 0%, #F0F5EB 50%, #E8F0E0 100%);background-attachment: fixed;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;overflow-x: hidden;outline-offset:0;visibility:visible;isolation:auto}


.wq-wrap {max-width: 1200px;width: 100%;padding: 0 15px;margin: 0 auto}

.wq-grid {display: flex;margin: 0 -15px;flex-wrap: wrap}

.wq-col-12 {width: 100%;padding: 0 15px}

.wq-col-lg-6 {padding: 0 15px;width: 100%}

@media (min-width: 992px) {
    .wq-col-lg-6 {
        width: 50%;
    }
}

.wq-col-md-6 {padding: 0 15px;width: 100%}

@media (min-width: 768px) {
    .wq-col-md-6 {
        width: 50%;
    }
}

.wq-col-lg-3 {width: 100%;padding: 0 15px}

@media (min-width: 992px) {
    .wq-col-lg-3 {
        width: 25%;
    }
}

.wq-col-lg-8 {width: 100%;padding: 0 15px}

@media (min-width: 992px) {
    .wq-col-lg-8 {
        width: 66.666667%;
    }
}

.wq-offset-lg-2 {
    margin-left: 0;
}

@media (min-width: 992px) {
    .wq-offset-lg-2 {
        margin-left: 16.666667%;
    }
}


header {background: var(--gradient-primary);top: 0;z-index: 1000;padding: 15px 0;box-shadow: var(--shadow-lg);position: sticky}

.wq-top-bar {flex-wrap: wrap;justify-content: space-between;align-items: center;display: flex}

.wq-brand {max-height: 60px;align-items: center;max-width: 150px;display: flex}

.wq-brand img {max-height: 60px;width: auto;transition: transform var(--transition-normal);object-fit: contain;max-width: 150px;height: auto}

.wq-brand:hover img {
    
}

.wq-top-actions {margin-left: auto;justify-content: flex-end;display: flex;flex-wrap: wrap;align-items: center;gap: 15px}

.wq-top-row,
.wq-top-btns {gap: 10px;align-items: center;display: flex}


header .wq-cta-m,
header .wq-cta-ok {background: var(--gradient-gold);color: #000;font-weight: 700}

header .wq-cta-m:hover,
header .wq-cta-ok:hover {transform: translateY(-2px);background: linear-gradient(135deg, #FFB81C 0%, #FFDF00 100%);box-shadow: 0 0 30px rgba(255, 223, 0, 0.5);color: #000}

header .wq-cta-ok {
    animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 223, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 223, 0, 0);
    }
}

.wq-menu-trigger {display: flex;gap: 5px;background: transparent;cursor: pointer;flex-direction: column;z-index: 1001;border: none;padding: 8px}

.wq-menu-trigger span {border-radius: 3px;transition: var(--transition-normal);background: var(--text-white);height: 3px;width: 25px}

.wq-menu-trigger:hover span {
    background: var(--primary-yellow);
}

.wq-nav-menu {border-top: 1px solid rgba(255, 255, 255, 0.2);display: none;max-height: 0;transition: max-height var(--transition-normal), padding var(--transition-normal);padding-top: 15px;margin-top: 15px;width: 100%;overflow: hidden}

.wq-nav-menu.active {padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;scrollbar-color: var(--primary-green) rgba(255, 255, 255, 0.1);flex-direction: column;display: flex;gap: 10px;scroll-behavior: smooth;overflow-x: hidden;
    scrollbar-width: thin;overflow-y: auto;max-height: 70vh}


.wq-nav-menu.active::-webkit-scrollbar {
    width: 8px;
}

.wq-nav-menu.active::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-full)}

.wq-nav-menu.active::-webkit-scrollbar-thumb {border-radius: var(--radius-full);transition: background var(--transition-normal);background: var(--primary-green)}

.wq-nav-menu.active::-webkit-scrollbar-thumb:hover {
    background: var(--primary-yellow);
}

.wq-nav-i {text-transform: capitalize;color: var(--text-white);transition: var(--transition-normal);padding: 10px 15px;text-decoration: none;border-radius: var(--radius-md)}

.wq-nav-i:hover {transform: translateX(5px);background: rgba(255, 255, 255, 0.2);color: var(--text-light)}


.wq-cta {position: relative;letter-spacing: 0.5px;border: none;cursor: pointer;transition: all var(--transition-normal);display: inline-block;text-transform: uppercase;text-decoration: none;padding: 12px 30px;box-shadow: var(--shadow-md);text-align: center;border-radius: var(--radius-full);font-weight: 600;overflow: hidden}

.wq-cta::before {transition: width 0.6s, height 0.6s;transform: translate(-50%, -50%);left: 50%;content: '';background: rgba(255, 255, 255, 0.3);top: 50%;border-radius: 50%;height: 0;width: 0;position: absolute}

.wq-cta:hover::before {width: 300px;height: 300px}

.wq-cta-m {color: rgba(0,0,0,1);background: var(--gradient-gold)}

.wq-cta-m:hover {transform: translateY(-2px);box-shadow: 0 0 30px rgba(255, 223, 0, 0.5);color: rgb(0,0,0)}

.wq-cta-ok {animation: pulse 2s infinite;color: rgba(0,0,0,1);background: var(--gradient-gold)}

.wq-cta-ok:hover {transform: translateY(-2px);box-shadow: 0 0 30px rgba(255, 223, 0, 0.5);color: #000}

.wq-cta-l {padding: 18px 40px;font-size: 1.1rem}

.wq-cta-s {font-size: 0.9rem;padding: 8px 20px}

.wq-cta-xs {padding: 6px 15px;font-size: 0.85rem}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 223, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 223, 0, 0);
    }
}


section {
    padding: 60px 0;
}

#plataforma {background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 50%, #A5D6A7 100%);padding: 80px 0;color: var(--text-primary)}

@media (min-width: 992px) {
    #plataforma .wq-col-12:first-child .wq-cta-ok {margin-left: auto;margin-right: auto;display: block}
}

#plataforma .wq-main-h,
#plataforma .wq-main-desc,
#plataforma .wq-main-desc p,
#plataforma .wq-main-desc strong {
    color: var(--text-primary);
}

.wq-main-h {margin-bottom: 20px;line-height: 1.2;font-size: 2.5rem;color: var(--text-primary);font-weight: 700}

.wq-brand-l {color: var(--primary-green);text-decoration: none;transition: var(--transition-normal)}

.wq-brand-l:hover {color: var(--primary-blue);text-decoration: underline}

.wq-main-desc {font-size: 1.1rem;margin-bottom: 30px;line-height: 1.8;color: var(--text-primary)}

.wq-main-desc p {color: var(--text-primary);margin-bottom: 15px}

.wq-main-desc strong {color: var(--primary-green);font-weight: 600}


.wq-fill-d .wq-main-desc,
.wq-fill-d .wq-main-desc p,
.wq-blk-a .wq-main-desc,
.wq-blk-a .wq-main-desc p,
.wq-blk-b .wq-main-desc,
.wq-blk-b .wq-main-desc p,
.wq-blk-s .wq-main-desc,
.wq-blk-s .wq-main-desc p {
    color: var(--text-white);
}


img {height: auto;object-fit: contain;display: block;max-width: 100%}


section img,
.wq-wrap img,
.wq-card img,
.wq-card-img img,
.wq-app-img img,
footer img {max-width: 100%;object-fit: contain;height: auto}

.wq-img-f {display: block;height: auto;max-width: 100%;width: 100%;object-fit: contain}


[class*="image"],
[class*="img"] {max-width: 100%;overflow: hidden}

[class*="image"] img,
[class*="img"] img {object-fit: contain;max-width: 100%;height: auto;width: 100%}

.wq-rnd {border-radius: var(--radius-xl);transition: transform var(--transition-normal);box-shadow: var(--shadow-xl)}

.wq-rnd:hover {
    
}


.wq-fill-p {
    background: var(--gradient-primary) !important;
}

.wq-fill-d {color: var(--text-white) !important;background: var(--gradient-dark) !important}

.wq-fill-d .wq-blk-h,
.wq-fill-d .wq-blk-sub,
.wq-fill-d h1,
.wq-fill-d h2,
.wq-fill-d h3,
.wq-fill-d h4,
.wq-fill-d p,
.wq-fill-d .content-text,
.wq-fill-d .wq-j-txt,
.wq-fill-d .wq-j-intro {
    color: var(--text-white) !important;
}

.wq-t-c {
    text-align: center;
}

.wq-t-w {
    color: var(--text-white) !important;
}

.wq-p-y {padding-bottom: 20px;padding-top: 20px}

.wq-p-y-l {padding-bottom: 60px;padding-top: 60px}

.wq-m-t {
    margin-top: 30px;
}

.wq-m-t-l {
    margin-top: 40px;
}

.wq-m-r {
    margin-right: 10px;
}

.wq-m-l {
    margin-left: 15px;
}


.wq-card {height: 100%;background: var(--bg-primary);border-radius: var(--radius-lg);transition: all var(--transition-normal);padding: 30px;border: 2px solid transparent;box-shadow: var(--shadow-md)}

.wq-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-xl);border-color: var(--primary-green)}

.wq-card-h {align-items: center;display: flex;gap: 20px}

.wq-card-i,
.wq-t-i,
.wq-seg-i,
.wq-sup-i,
.wq-tec-i {flex-shrink: 0;font-size: 3rem}

.wq-card-b {
    flex: 1;
}

.wq-card-b h3 {font-size: 1.5rem;margin-bottom: 10px;color: var(--text-primary)}

.wq-card-b p {line-height: 1.6;color: var(--text-secondary)}


.wq-card-v {
    background: linear-gradient(135deg, #F8FAF5 0%, #F0F5EB 100%);
}


.wq-card-p {position: relative;padding-left: 80px}

.wq-p-n {font-weight: 700;left: 20px;width: 50px;font-size: 1.5rem;height: 50px;top: 30px;justify-content: center;border-radius: 50%;color: var(--text-white);background: var(--gradient-gold);align-items: center;position: absolute;display: flex;box-shadow: var(--shadow-md)}


.wq-card-bon {background: var(--gradient-primary);color: var(--text-white);text-align: center;overflow: hidden;position: relative}

.wq-card-bon::before {position: absolute;background: radial-gradient(circle, rgba(255, 223, 0, 0.15) 0%, transparent 70%);right: -50%;top: -50%;animation: rotate 20s linear infinite;content: '';width: 200%;height: 200%}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.wq-bon-t {font-size: 0.75rem;padding: 5px 15px;font-weight: 700;text-transform: uppercase;position: absolute;right: 15px;top: 15px;border-radius: var(--radius-full);color: var(--primary-blue);background: var(--primary-yellow)}

.wq-bon-v {font-weight: 700;margin: 15px 0;color: var(--text-light);font-size: 1.8rem}

.wq-card-bon h3 {color: var(--text-white);margin-bottom: 10px}

.wq-card-bon p {
    color: rgba(255, 255, 255, 0.9);
}


.wq-card-j {
    overflow: hidden;
}

.wq-card-img {max-height: 400px;width: 100%;margin-bottom: 20px;background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);justify-content: center;border-radius: var(--radius-md);align-items: center;overflow: hidden;min-height: 250px;display: flex}

.wq-card-img img {object-fit: contain;transition: transform var(--transition-slow);height: auto;width: 100%;max-height: 100%}

.wq-card-j:hover .wq-card-img img {
    
}

.wq-card-ji h3 {margin-bottom: 10px;color: var(--primary-green)}

.wq-j-desc {color: var(--text-secondary);line-height: 1.6}


.wq-card-n {color: var(--text-white);background: var(--gradient-primary)}

.wq-n-v {color: var(--text-light);min-width: 150px;font-size: 3rem;font-weight: 700;flex-shrink: 0}

.wq-card-n .wq-card-b h3,
.wq-card-n .wq-card-b p {
    color: var(--text-white);
}


.wq-card-seg {color: var(--text-white);background: var(--gradient-dark)}

.wq-card-seg .wq-card-b h3,
.wq-card-seg .wq-card-b p {
    color: var(--text-white);
}


.wq-card-sup {background: linear-gradient(135deg, #F8FAF5 0%, #F0F5EB 100%);text-align: center}

.wq-sup-i {font-size: 2.5rem;margin-bottom: 15px}


.wq-card-tec {color: var(--text-white);background: var(--gradient-dark)}

.wq-card-tec-h {display: flex;gap: 20px;align-items: center}

.wq-tec-i {font-size: 2.5rem;flex-shrink: 0}

.wq-tec-b h3,
.wq-tec-b p {
    color: var(--text-white);
}


.wq-card-seg-feature {border-left: 4px solid var(--primary-green);background: linear-gradient(135deg, #F8FAF5 0%, #F0F5EB 100%)}


.wq-blk {
    padding: 80px 0;
}


.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) {color: var(--text-primary);background-color: var(--bg-primary)}

.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) .wq-blk-h,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) .wq-blk-sub,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) h1,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) h2,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) h3,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) h4,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) p,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) .wq-j-txt,
.wq-blk:not(.wq-fill-d):not(.wq-blk-a):not(.wq-blk-b):not(.wq-blk-s) .wq-j-intro {
    color: var(--text-primary);
}

.wq-blk-h {color: var(--text-primary);font-size: 2.5rem;margin-bottom: 15px;padding-bottom: 20px;text-align: center;position: relative;font-weight: 700}

.wq-blk-h::after {width: 80px;left: 50%;content: '';background: var(--gradient-gold);transform: translateX(-50%);position: absolute;border-radius: var(--radius-full);height: 4px;bottom: 0}

.wq-blk-sub {text-align: center;color: var(--text-secondary);font-size: 1.2rem;margin-bottom: 50px}

.wq-card-r {flex-wrap: wrap;display: flex;margin: 0 -15px}

.wq-card-g2 .wq-col-12 {
    margin-bottom: 30px;
}

.wq-card-g4 .wq-col-12 {
    margin-bottom: 30px;
}


.wq-j-intro {font-size: 1.1rem;color: var(--text-secondary);margin-bottom: 40px;line-height: 1.8}


.wq-fill-d .wq-j-intro,
.wq-blk-a .wq-j-intro,
.wq-blk-b .wq-j-intro,
.wq-blk-s .wq-j-intro {
    color: var(--text-white);
}

.wq-j-cat {font-weight: 600;font-size: 1.8rem;margin: 30px 0 15px;color: var(--primary-green)}


.wq-fill-d .wq-j-cat,
.wq-blk-a .wq-j-cat,
.wq-blk-b .wq-j-cat,
.wq-blk-s .wq-j-cat {
    color: var(--primary-yellow);
}

.wq-j-txt {font-size: 1rem;margin-bottom: 15px;color: var(--text-secondary);line-height: 1.8}


.wq-fill-d .wq-j-txt,
.wq-blk-a .wq-j-txt,
.wq-blk-b .wq-j-txt,
.wq-blk-s .wq-j-txt {
    color: var(--text-white);
}


.wq-rtp-w {box-shadow: var(--shadow-lg);overflow-x: auto;border-radius: var(--radius-lg)}

.wq-rtp-t {border-collapse: collapse;width: 100%;background: var(--bg-primary);min-width: 800px}

.wq-rtp-t thead {background: var(--gradient-primary);color: var(--text-white)}

.wq-rtp-t th {color: var(--text-white);text-align: left;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;padding: 20px;font-size: 0.9rem}

.wq-rtp-t tbody {
    background: var(--bg-primary);
}

.wq-rtp-t tbody tr {border-bottom: 1px solid rgba(0, 151, 57, 0.15);background: var(--bg-primary);transition: var(--transition-normal)}

.wq-rtp-t tbody tr:hover {background: #E8F5E9;}

.wq-rtp-t td {padding: 20px;color: var(--text-primary) !important}

.wq-rtp-t tbody td,
.wq-rtp-t tbody td strong {
    color: var(--text-primary) !important;
}


.wq-rtp-t tbody td,
.wq-rtp-t tbody td * {
    color: var(--text-primary) !important;
}

.wq-rtp-v {color: var(--primary-green);font-size: 1.1rem;font-weight: 700}


.wq-rtp-t .wq-rtp-v {
    color: var(--primary-green);
}


.wq-blk-a {color: var(--text-white);background: var(--gradient-dark)}

.wq-blk-a .wq-blk-h,
.wq-blk-a .wq-blk-sub,
.wq-blk-a h1,
.wq-blk-a h2,
.wq-blk-a h3,
.wq-blk-a h4,
.wq-blk-a p,
.wq-blk-a .content-text,
.wq-blk-a .wq-j-txt,
.wq-blk-a .wq-j-intro {
    color: var(--text-white);
}

.wq-app-l {
    margin: 30px 0;
}

.wq-app-it {gap: 15px;color: var(--text-white);align-items: center;display: flex;margin-bottom: 15px}

.wq-it-c {flex-shrink: 0;background: var(--primary-green);font-weight: 700;display: flex;justify-content: center;height: 30px;align-items: center;width: 30px;border-radius: 50%;color: var(--text-white)}

.wq-app-btns {gap: 15px;display: flex;flex-wrap: wrap}

.wq-app-img {overflow: hidden;text-align: center;width: 100%;max-width: 100%}

.wq-app-img img {height: auto;object-fit: contain;display: block;max-width: 100%;width: 100%}


.wq-faq-l {max-width: 800px;margin: 0 auto}

.wq-faq-it {background: var(--bg-primary);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: 15px;transition: var(--transition-normal);box-shadow: var(--shadow-md)}

.wq-faq-it:hover {
    box-shadow: var(--shadow-lg);
}

.wq-faq-q {background: var(--gradient-primary);color: var(--text-white);justify-content: space-between;align-items: center;display: flex;padding: 20px;cursor: pointer}

.wq-faq-q h4 {margin: 0;font-weight: 600;font-size: 1.1rem}

.wq-faq-t {font-weight: 700;font-size: 1.5rem;justify-content: center;border-radius: 50%;height: 30px;transition: transform var(--transition-normal);width: 30px;background: rgba(255, 255, 255, 0.2);align-items: center;display: flex}

.wq-faq-it.active .wq-faq-t {
    transform: rotate(45deg);
}

.wq-faq-a {padding: 0 20px;max-height: 0;transition: max-height var(--transition-normal);overflow: hidden}

.wq-faq-it.active .wq-faq-a {max-height: 500px;padding: 20px}

.wq-faq-a p {line-height: 1.8;margin: 0;color: var(--text-secondary)}


.wq-lnk {transition: var(--transition-normal);color: var(--primary-green);text-decoration: none;font-weight: 600}

.wq-lnk:hover {text-decoration: underline;color: var(--primary-blue)}


.wq-flex {
    display: flex;
}

.wq-flex-c {
    justify-content: center;
}

.wq-flex-m {
    align-items: center;
}



.wq-blk-b,
.wq-blk-s,
.wq-blk-rtp {
    color: var(--text-white);
}

.wq-blk-b .wq-blk-h,
.wq-blk-b .wq-blk-sub,
.wq-blk-b h1,
.wq-blk-b h2,
.wq-blk-b h3,
.wq-blk-b h4,
.wq-blk-b p,
.wq-blk-b .content-text,
.wq-blk-b .wq-j-txt,
.wq-blk-b .wq-j-intro,
.wq-blk-s .wq-blk-h,
.wq-blk-s .wq-blk-sub,
.wq-blk-s h1,
.wq-blk-s h2,
.wq-blk-s h3,
.wq-blk-s h4,
.wq-blk-s p,
.wq-blk-s .content-text,
.wq-blk-s .wq-j-txt,
.wq-blk-s .wq-j-intro,
.wq-blk-rtp .wq-blk-h,
.wq-blk-rtp .wq-blk-sub,
.wq-blk-rtp h1,
.wq-blk-rtp h2,
.wq-blk-rtp h3,
.wq-blk-rtp h4,
.wq-blk-rtp p,
.wq-blk-rtp .content-text,
.wq-blk-rtp .wq-j-txt,
.wq-blk-rtp .wq-j-intro {
    color: var(--text-white) !important;
}

footer {padding: 60px 0 30px;color: var(--text-white);background: var(--gradient-dark)}

.wq-foot-b {max-width: 1200px;margin: 0 auto;padding: 0 15px}

.wq-foot-i {
    margin-bottom: 40px;
}

.wq-foot-i h3 {font-size: 1.8rem;color: var(--text-white);margin-bottom: 15px}

.wq-foot-i p {color: rgba(255, 255, 255, 0.8);line-height: 1.8}

.wq-foot-n {
    margin-bottom: 40px;
}

.wq-foot-c {
    margin-bottom: 40px;
}

.wq-foot-c h3 {font-size: 1.5rem;color: var(--text-white);margin-bottom: 20px}

.wq-c-info {display: flex;flex-direction: column;gap: 20px}

.wq-c-it {display: flex;align-items: flex-start;gap: 15px}

.wq-c-i {flex-shrink: 0;font-size: 1.5rem}

.wq-c-d {
    flex: 1;
}

.wq-c-d strong {margin-bottom: 5px;display: block;color: var(--primary-yellow)}

.wq-c-d p,
.wq-c-d a {text-decoration: none;color: rgba(255, 255, 255, 0.8)}

.wq-c-d a:hover {
    color: var(--primary-yellow);
}

.wq-mapa {box-shadow: var(--shadow-lg);border-radius: var(--radius-lg);overflow: hidden}

.wq-foot-copy {border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 30px;text-align: center;color: rgba(255, 255, 255, 0.6)}

.wq-foot-copy a {color: var(--primary-yellow);text-decoration: none}

.wq-foot-copy a:hover {
    text-decoration: underline;
}


@media (max-width: 768px) {
    .wq-main-h {
        font-size: 2rem;
    }
    
    .wq-blk-h {
        font-size: 2rem;
    }
    
    .wq-cta-l {font-size: 1rem;padding: 15px 30px}
    
    .wq-card-h {flex-direction: column;text-align: center}
    
    .wq-card-p {
        padding-left: 20px;
    }
    
    .wq-p-n {position: relative;margin-bottom: 15px;left: 0;top: 0}
    
    .wq-n-v {min-width: auto;margin-bottom: 15px}
    
    .wq-app-btns {
        flex-direction: column;
    }
    
    .wq-app-btns .wq-cta {
        width: 100%;
    }
    
    .wq-rtp-w {
        font-size: 0.85rem;
    }
    
    .wq-rtp-t th,
    .wq-rtp-t td {
        padding: 10px;
    }
}

@media (max-width: 576px) {
    section , [data-sf-shell]{
        padding: 40px 0;
    }
    
    .wq-blk {
        padding: 50px 0;
    }
    
    .wq-main-h {
        font-size: 1.75rem;
    }
    
    .wq-blk-h {
        font-size: 1.75rem;
    }
    
    .wq-card {
        padding: 20px;
    }
    
    .wq-cta {padding: 10px 20px;font-size: 0.9rem}
}


@keyframes fadeInUp {
    from {transform: translateY(30px);opacity: 0}
    to {transform: translateY(0);opacity: 1}
}

.wq-fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}


@media (prefers-reduced-motion: no-preference) {
    .wq-card {
        animation: fadeInUp 0.6s ease-out;
    }
}



@keyframes wq-shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.wq-shimmer {animation: wq-shimmer 2s infinite;background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 223, 0, 0.15),
        transparent
    );background-size: 1000px 100%}


@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.wq-loading {height: 20px;border: 3px solid rgba(255, 255, 255, 0.3);animation: spin 1s linear infinite;border-radius: 50%;display: inline-block;width: 20px;border-top-color: var(--text-white)}


.wq-inner-feature-list {gap: 10px;margin: 20px 0 0;padding: 0;flex-direction: column;display: flex;list-style: none}

.wq-inner-feature-list li {gap: 10px;align-items: flex-start;display: flex}

.wq-inner-feature-list li span {
    display: inline-block;
}

.wq-inner-badge {font-size: 0.8rem;font-weight: 600;padding: 4px 10px;color: #000;background: var(--gradient-gold);white-space: nowrap;border-radius: 999px}

.wq-inner-steps {counter-reset: inner-step;padding-left: 20px;margin: 20px 0 0}

.wq-inner-steps li {line-height: 1.7;margin-bottom: 10px}

.wq-inner-steps li strong {margin-right: 6px;color: var(--primary-green);display: inline-block}

.wq-inner-steps li span {
    display: inline-block;
}

.wq-inner-faq {flex-direction: column;display: flex;gap: 15px;margin-top: 10px}

.wq-inner-faq-item h3 {font-size: 1rem;margin-bottom: 5px;color: var(--text-primary)}

.wq-inner-faq-item p {color: var(--text-secondary);margin: 0}

@media (max-width: 768px) {
    .wq-inner-feature-list {
        gap: 8px;
    }
}


.wq-inner-tip-box {padding: 25px;margin-top: 20px;box-shadow: var(--shadow-md);border-left: 4px solid var(--primary-green);border-radius: var(--radius-lg);background: var(--bg-primary)}

.wq-inner-tip-box h3 {font-size: 1.2rem;margin: 0 0 8px;color: var(--primary-green)}

.wq-inner-tip-box p {margin: 0;color: var(--text-secondary)}

.wq-inner-bet-tips {list-style: none;margin: 18px 0 0;flex-direction: column;gap: 10px;padding: 0;display: flex}

.wq-inner-bet-tips li {display: flex;flex-direction: column}

.wq-inner-bet-tips li strong {color: var(--primary-green);margin-bottom: 2px}

.wq-inner-bet-tips li span {
    color: var(--text-secondary);
}


.wq-cassino-compare {
    background: #ffffff;
}

.wq-cassino-compare-grid {grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;margin-top: 20px;gap: 20px}

.wq-cassino-compare-col {padding: 20px 20px 18px;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);background: var(--bg-primary)}

.wq-cassino-compare-col-alt {
    background: var(--bg-secondary);
}

.wq-cassino-compare-head {font-weight: 700;color: var(--primary-green);margin-bottom: 12px}

.wq-cassino-compare-list {margin: 0;list-style: none;gap: 6px;flex-direction: column;padding: 0;display: flex}

.wq-cassino-compare-list li span {
    color: var(--text-secondary);
}

.wq-cassino-stepper {border-left: 2px solid rgba(15, 23, 42, 0.1);margin-top: 20px}

.wq-cassino-step {padding: 10px 0 10px 10px;gap: 12px;display: flex}

.wq-cassino-step-number {width: 30px;align-items: center;flex-shrink: 0;color: #000;font-weight: 700;height: 30px;background: var(--gradient-gold);justify-content: center;border-radius: 999px;display: flex}

.wq-cassino-step-body h3 {font-size: 1rem;margin: 0 0 4px;color: var(--primary-green)}

.wq-cassino-step-body p {margin: 0;color: var(--text-secondary)}

.wq-cassino-highlight-box {margin-top: 30px;box-shadow: var(--shadow-lg);border-radius: var(--radius-lg);padding: 22px;color: var(--text-white);background: var(--gradient-primary)}

.wq-cassino-highlight-box h3 {color: rgb(255,255,255);font-size: 1.1rem;margin: 0 0 8px}

.wq-cassino-highlight-box p {color: rgba(255, 255, 255, 0.9);margin: 0}

.wq-cassino-tags {margin: 15px 0 20px;gap: 10px;display: flex;flex-wrap: wrap}

.wq-cassino-tag {font-size: 0.85rem;background: rgba(0, 82, 204, 0.08);color: var(--primary-green);font-weight: 600;padding: 6px 14px;border-radius: 999px}

.wq-cassino-profiles {display: grid;gap: 18px;margin-top: 10px;grid-template-columns: repeat(3, minmax(0, 1fr))}

.wq-cassino-profile-card {box-shadow: var(--shadow-sm);padding: 18px;border-radius: var(--radius-lg);background: var(--bg-primary)}

.wq-cassino-profile-card h3 {font-size: 1rem;margin: 0 0 6px;color: var(--primary-green)}

.wq-cassino-profile-card p {margin: 0;color: var(--text-secondary)}

.wq-cassino-etiquette-grid {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;display: grid;margin-top: 15px}

.wq-cassino-etiquette-card {background: var(--bg-secondary);box-shadow: var(--shadow-md);padding: 18px;border-radius: var(--radius-lg)}

.wq-cassino-etiquette-card h3 {color: var(--primary-green);margin: 0 0 6px;font-size: 1rem}

.wq-cassino-etiquette-card p {color: var(--text-secondary);margin: 0}

@media (max-width: 992px) {
    .wq-cassino-compare-grid,
    .wq-cassino-profiles,
    .wq-cassino-etiquette-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.wq-download-platforms {
    background: rgba(255,255,255,1);
}

.wq-download-platform-grid {display: grid;margin-top: 20px;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px}

.wq-download-platform-card {padding: 20px;box-shadow: var(--shadow-md);border-radius: var(--radius-lg);background: var(--bg-primary)}

.wq-download-platform-head {color: var(--primary-green);margin-bottom: 8px;font-weight: 700}

.wq-download-platform-card p {margin: 0 0 10px;color: var(--text-secondary)}

.wq-download-platform-card ul {list-style: none;padding: 0;gap: 4px;flex-direction: column;display: flex;margin: 0}

.wq-download-platform-card li {
    color: var(--text-secondary);
}

.wq-download-timeline {grid-template-columns: repeat(4, minmax(0, 1fr));display: grid;gap: 18px;margin-top: 20px}

.wq-download-step {padding: 16px;box-shadow: var(--shadow-sm);background: var(--bg-primary);border-radius: var(--radius-lg)}

.wq-download-step-icon {background: var(--gradient-gold);border-radius: 999px;color: #000;align-items: center;width: 32px;font-weight: 700;display: flex;justify-content: center;height: 32px;margin-bottom: 8px}

.wq-download-step-body h3 {margin: 0 0 4px;color: var(--primary-green);font-size: 0.95rem}

.wq-download-step-body p {margin: 0;color: var(--text-secondary);font-size: 0.9rem}

.wq-download-error-list {gap: 14px;margin-top: 15px;flex-direction: column;display: flex}

.wq-download-error-item h3 {color: var(--primary-green);font-size: 0.95rem;margin: 0 0 4px}

.wq-download-error-item p {margin: 0;color: var(--text-secondary)}

.wq-download-data-box {border-radius: var(--radius-lg);margin-top: 30px;color: var(--text-white);background: var(--gradient-primary);box-shadow: var(--shadow-lg);padding: 22px}

.wq-download-data-box h3 {font-size: 1.05rem;margin: 0 0 10px}

.wq-download-data-box ul {margin: 0;flex-direction: column;padding: 0;gap: 6px;list-style: none;display: flex}

.wq-download-data-box li {font-size: 0.95rem;color: rgba(255, 255, 255, 0.9)}

@media (max-width: 992px) {
    .wq-download-platform-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .wq-download-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .wq-download-timeline {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.wq-slot-layout-grid {
    background: #ffffff;
}

.wq-slot-grid {gap: 20px;display: grid;margin-top: 20px;grid-template-columns: repeat(3, minmax(0, 1fr))}

.wq-slot-grid-item {box-shadow: var(--shadow-md);border-radius: var(--radius-lg);padding: 18px;background: var(--bg-primary)}

.wq-slot-grid-item h3 {color: var(--primary-green);font-size: 1rem;margin: 0 0 6px}

.wq-slot-grid-item p {color: var(--text-secondary);margin: 0 0 10px}

.wq-slot-grid-item ul {flex-direction: column;display: flex;padding: 0;list-style: none;margin: 0;gap: 4px}

.wq-slot-grid-item li {
    color: var(--text-secondary);
}

.wq-slot-feature-accordion {flex-direction: column;margin-top: 15px;gap: 10px;display: flex}

.wq-slot-feature-item {box-shadow: var(--shadow-sm);background: var(--bg-primary);border-radius: var(--radius-md);padding: 12px 14px}

.wq-slot-feature-item h3 {color: var(--primary-green);margin: 0 0 4px;font-size: 0.95rem}

.wq-slot-feature-item p {color: var(--text-secondary);font-size: 0.9rem;margin: 0}

.wq-slot-side-note {background: var(--gradient-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: 22px;color: var(--text-white);margin-top: 30px}

.wq-slot-side-note h3 {font-size: 1.05rem;margin: 0 0 8px}

.wq-slot-side-note p {color: rgba(255, 255, 255, 0.9);margin: 0}

.wq-slot-bank-grid {margin-top: 15px;gap: 14px;grid-template-columns: repeat(2, minmax(0, 1fr));display: grid}

.wq-slot-bank-card {background: var(--bg-primary);padding: 14px;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}

.wq-slot-bank-card h3 {color: var(--primary-green);font-size: 0.95rem;margin: 0 0 4px}

.wq-slot-bank-card p {font-size: 0.9rem;color: var(--text-secondary);margin: 0}

@media (max-width: 992px) {
    .wq-slot-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .wq-slot-bank-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.wq-win-checklist {
    background: #ffffff;
}

.wq-win-checklist-list {margin: 18px 0 0;list-style: none;gap: 10px;flex-direction: column;display: flex;padding: 0}

.wq-win-checklist-list li {align-items: flex-start;display: flex;gap: 10px}

.wq-win-check-icon {justify-content: center;background: var(--gradient-success);align-items: center;font-size: 0.9rem;height: 26px;flex-shrink: 0;border-radius: 999px;color: rgb(255,255,255);width: 26px;display: flex}

.wq-win-check-text strong {margin-bottom: 2px;display: block;color: var(--primary-green)}

.wq-win-check-text p {margin: 0;color: var(--text-secondary)}

.wq-win-highlight-box {border-radius: var(--radius-lg);background: var(--gradient-primary);color: var(--text-white);box-shadow: var(--shadow-lg);padding: 22px;margin-top: 30px}

.wq-win-highlight-box h3 {font-size: 1.05rem;margin: 0 0 8px}

.wq-win-highlight-box p {margin: 0;color: rgba(255, 255, 255, 0.9)}

.wq-win-methods-grid {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;margin-top: 18px;display: grid}

.wq-win-method-card {padding: 16px;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);background: var(--bg-primary)}

.wq-win-method-card h3 {color: var(--primary-green);margin: 0 0 4px;font-size: 0.95rem}

.wq-win-method-card p {margin: 0 0 4px;color: var(--text-secondary);font-size: 0.9rem}

.wq-win-error-list {gap: 12px;flex-direction: column;margin-top: 15px;display: flex}

.wq-win-error-item h3 {margin: 0 0 4px;color: var(--primary-green);font-size: 0.95rem}

.wq-win-error-item p {margin: 0;color: var(--text-secondary);font-size: 0.9rem}

.wq-win-keep-box {border-radius: var(--radius-lg);background: var(--bg-secondary);padding: 20px;margin-top: 30px;box-shadow: var(--shadow-md)}

.wq-win-keep-box h3 {margin: 0 0 8px;color: var(--primary-green);font-size: 1.05rem}

.wq-win-keep-box ul {margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px;list-style: none}

.wq-win-keep-box li {font-size: 0.9rem;color: var(--text-secondary)}

@media (max-width: 992px) {
    .wq-win-methods-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.wq-vip-levels {
    background: #ffffff;
}

.wq-vip-level-timeline {display: flex;flex-wrap: nowrap;overflow-x: auto;margin-top: 18px;padding-bottom: 4px;gap: 14px}

.wq-vip-level-item {min-width: 180px;padding: 14px;border-radius: var(--radius-lg);background: var(--bg-primary);box-shadow: var(--shadow-sm)}

.wq-vip-level-title {margin-bottom: 4px;font-weight: 700;color: var(--primary-green)}

.wq-vip-level-item p {color: var(--text-secondary);margin: 0;font-size: 0.9rem}

.wq-vip-benefits-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 18px;gap: 18px}

.wq-vip-benefit-column h3 {font-size: 0.95rem;color: var(--primary-green);margin: 0 0 6px}

.wq-vip-benefit-column ul {display: flex;gap: 4px;padding: 0;list-style: none;flex-direction: column;margin: 0}

.wq-vip-benefit-column li {color: var(--text-secondary);font-size: 0.9rem}

.wq-vip-note-box {margin-top: 30px;background: var(--gradient-primary);color: var(--text-white);box-shadow: var(--shadow-lg);padding: 22px;border-radius: var(--radius-lg)}

.wq-vip-note-box h3 {font-size: 1.05rem;margin: 0 0 8px}

.wq-vip-note-box p {color: rgba(255, 255, 255, 0.9);margin: 0}

.wq-vip-health-list {display: flex;gap: 12px;flex-direction: column;margin-top: 15px}

.wq-vip-health-item {padding: 14px;box-shadow: var(--shadow-sm);border-radius: var(--radius-lg);background: var(--bg-primary)}

.wq-vip-health-item h3 {font-size: 0.95rem;color: var(--primary-green);margin: 0 0 4px}

.wq-vip-health-item p {color: var(--text-secondary);margin: 0;font-size: 0.9rem}

@media (max-width: 992px) {
    .wq-vip-benefits-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.wq-reg-checklist {
    background: #ffffff;
}

.wq-reg-grid {margin-top: 18px;grid-template-columns: repeat(3, minmax(0, 1fr));display: grid;gap: 18px}

.wq-reg-grid-item {border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 16px;background: var(--bg-primary)}

.wq-reg-grid-item h3 {margin: 0 0 6px;color: var(--primary-green);font-size: 0.95rem}

.wq-reg-grid-item ul {padding: 0;flex-direction: column;margin: 0;list-style: none;gap: 4px;display: flex}

.wq-reg-grid-item li {color: var(--text-secondary);font-size: 0.9rem}

.wq-reg-note-box {color: var(--text-white);padding: 22px;box-shadow: var(--shadow-lg);margin-top: 30px;background: var(--gradient-primary);border-radius: var(--radius-lg)}

.wq-reg-note-box h3 {margin: 0 0 8px;font-size: 1.05rem}

.wq-reg-note-box p {margin: 0;color: rgba(255, 255, 255, 0.9)}

.wq-reg-flow {gap: 18px;grid-template-columns: repeat(4, minmax(0, 1fr));display: grid;margin-top: 18px}

.wq-reg-flow-step {background: var(--bg-primary);box-shadow: var(--shadow-sm);padding: 16px;border-radius: var(--radius-lg)}

.wq-reg-flow-label {align-items: center;color: #000;display: flex;height: 28px;justify-content: center;margin-bottom: 6px;border-radius: 999px;font-weight: 700;width: 28px;background: var(--gradient-gold)}

.wq-reg-flow-body h3 {color: var(--primary-green);margin: 0 0 4px;font-size: 0.95rem}

.wq-reg-flow-body p {color: var(--text-secondary);margin: 0;font-size: 0.9rem}

.wq-reg-verify-grid {display: grid;gap: 16px;margin-top: 16px;grid-template-columns: repeat(3, minmax(0, 1fr))}

.wq-reg-verify-item {box-shadow: var(--shadow-sm);padding: 14px;border-radius: var(--radius-lg);background: var(--bg-primary)}

.wq-reg-verify-item h3 {font-size: 0.95rem;margin: 0 0 4px;color: var(--primary-green)}

.wq-reg-verify-item p {font-size: 0.9rem;color: var(--text-secondary);margin: 0}

.wq-reg-verify-note {border-radius: var(--radius-lg);box-shadow: var(--shadow-md);margin-top: 30px;background: var(--bg-secondary);padding: 20px}

.wq-reg-verify-note h3 {margin: 0 0 8px;font-size: 1.05rem;color: var(--primary-green)}

.wq-reg-verify-note p {color: var(--text-secondary);margin: 0;font-size: 0.9rem}


.wq-home-timeline {
    background: rgb(255,255,255);
}

.wq-home-timeline-grid {margin-top: 20px;gap: 18px;grid-template-columns: repeat(4, minmax(0, 1fr));display: grid}

.wq-home-timeline-item {border-radius: var(--radius-lg);padding: 18px;background: var(--bg-primary);box-shadow: var(--shadow-md)}

.wq-home-timeline-year {margin-bottom: 6px;font-weight: 700;color: var(--primary-green)}

.wq-home-timeline-item h3 {color: var(--text-primary);margin: 0 0 6px;font-size: 1rem}

.wq-home-timeline-item p {color: var(--text-secondary);margin: 0}

.wq-home-players {
    background: var(--bg-primary);
}

.wq-home-player-tags {flex-wrap: wrap;gap: 10px;margin: 15px 0 20px;display: flex}

.wq-home-player-tag {border-radius: 999px;padding: 6px 14px;font-weight: 600;color: var(--primary-green);background: rgba(0, 82, 204, 0.08);font-size: 0.85rem}

.wq-home-player-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px}

.wq-home-player-card {padding: 18px;border-radius: var(--radius-lg);background: #ffffff;box-shadow: var(--shadow-sm)}

.wq-home-player-card h3 {margin: 0 0 6px;font-size: 1rem;color: var(--primary-green)}

.wq-home-player-card p {margin: 0;color: var(--text-secondary)}

.wq-home-nav {
    background: #ffffff;
}

.wq-home-nav-grid {grid-template-columns: repeat(4, minmax(0, 1fr));margin-top: 20px;display: grid;gap: 18px}

.wq-home-nav-card {transition: transform var(--transition-normal), box-shadow var(--transition-normal);display: block;box-shadow: var(--shadow-md);text-decoration: none;padding: 18px;background: var(--bg-primary);border-radius: var(--radius-lg)}

.wq-home-nav-card h3 {font-size: 1rem;color: var(--primary-green);margin: 0 0 6px}

.wq-home-nav-card p {color: var(--text-secondary);margin: 0}

.wq-home-nav-card:hover {box-shadow: var(--shadow-xl);transform: translateY(-4px)}

@media (max-width: 992px) {
    .wq-home-timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wq-home-player-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wq-home-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .wq-home-timeline-grid,
    .wq-home-player-grid,
    .wq-home-nav-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .wq-reg-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .wq-reg-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wq-reg-verify-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .wq-reg-flow {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}




.wq-inner-hero {padding: 60px 0 80px;background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 50%, #A5D6A7 100%)}

.wq-inner-hero .wq-main-h {font-size: 2.2rem;margin-bottom: 20px}

.wq-inner-hero .wq-main-desc {font-size: 1.05rem;margin-bottom: 25px}


.wq-inner-block {
    padding: 50px 0;
}

.wq-inner-block:nth-child(even) {
    background: #F8FAF5;
}

.wq-inner-block:nth-child(odd) {
    background: #fff;
}

.wq-inner-block-h {padding-bottom: 12px;font-weight: 700;border-bottom: 3px solid var(--primary-yellow);color: var(--primary-green);font-size: 1.8rem;margin-bottom: 20px}

.wq-inner-block p {color: var(--text-secondary);margin-bottom: 15px;line-height: 1.85}


.wq-inner-img-wrap {margin: 25px 0;overflow: hidden;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 151, 57, 0.12)}

.wq-inner-img-wrap img {display: block;object-fit: cover;width: 100%;height: auto}


.wq-inner-split {gap: 30px;display: flex;align-items: center;flex-wrap: wrap}

.wq-inner-split .wq-inner-img-wrap {min-width: 280px;flex: 1}

.wq-inner-split .wq-inner-text {min-width: 280px;flex: 1}


.wq-inner-cta-bar {background: var(--gradient-primary);text-align: center;padding: 30px 0}

.wq-inner-cta-bar .wq-cta-ok {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .wq-inner-hero {
        padding: 40px 0 60px;
    }
    .wq-inner-hero .wq-main-h {
        font-size: 1.75rem;
    }
    .wq-inner-block {
        padding: 35px 0;
    }
    .wq-inner-block-h {
        font-size: 1.5rem;
    }
}


.wq-login-tips-list,
.wq-login-faq-list {list-style: none;flex-direction: column;padding: 0;gap: 14px;display: flex;margin: 18px 0 0}

.wq-login-tips-list li {display: flex;flex-direction: column}

.wq-login-tips-list li strong {color: var(--primary-green);margin-bottom: 2px}

.wq-login-tips-list li span {
    color: var(--text-secondary);
}

.wq-login-faq-item h3 {color: var(--text-primary);margin-bottom: 5px;font-size: 1rem}

.wq-login-faq-item p {color: var(--text-secondary);margin: 0}

.wq-login-issues-grid,
.wq-login-multi-grid {display: grid;gap: 18px;grid-template-columns: repeat(2, minmax(0, 1fr));margin-top: 18px}

.wq-login-issue-card,
.wq-login-multi-item {box-shadow: var(--shadow-sm);padding: 16px;background: var(--bg-primary);border-radius: var(--radius-lg)}

.wq-login-issue-card h3,
.wq-login-multi-item h3 {font-size: 0.95rem;margin: 0 0 6px;color: var(--primary-green)}

.wq-login-issue-card p,
.wq-login-multi-item p {margin: 0;color: var(--text-secondary);font-size: 0.9rem}

@media (max-width: 992px) {
    .wq-login-issues-grid,
    .wq-login-multi-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.sf-related-articles{box-shadow:0 16px 45px rgba(15,23,42,.08);max-width:1120px;border:1px solid rgba(148,163,184,.24);border-radius:24px;padding:clamp(18px,3vw,28px);margin:clamp(28px,5vw,56px) auto;background:rgba(255,255,255,.06)}
.sf-related-articles h2{line-height:1.2;margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,2rem)}
.sf-related-articles>p{opacity:.78;line-height:1.65;margin:0 0 18px}
.sf-related-articles__list{padding:0;margin:0;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;list-style:none}
.sf-related-articles__item{padding:0;margin:0;list-style:none}
.sf-related-articles__link{gap:7px;color:inherit;border-radius:18px;display:flex;border:1px solid rgba(148,163,184,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease;background:rgba(255,255,255,.08);text-decoration:none;min-height:100%;padding:16px;flex-direction:column}
.sf-related-articles__link:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(59,130,246,.45)}
.sf-related-articles__type{padding:3px 9px;color:inherit;letter-spacing:.04em;text-transform:uppercase;opacity:.88;border-radius:999px;font-size:.72rem;font-weight:700;width:max-content;background:rgba(59,130,246,.14)}
.sf-related-articles strong{line-height:1.35;font-size:1rem}
.sf-related-articles small{opacity:.72;line-height:1.45;font-size:.88rem}
@media(max-width:640px){.sf-related-articles{margin:28px 12px;padding:16px;border-radius:18px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}