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

:root {--text-white: #ffffff;--bg-secondary: #E9F0FF;
    --bg-primary: rgb(244,247,251);

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

html {
    scroll-behavior: smooth;
}

body {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;color: var(--text-primary);overflow-x: hidden;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;outline-offset:0;pointer-events:auto}


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

.wq-grid {margin: 0 -15px;display: flex;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 {width: 100%;padding: 0 15px}

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

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

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

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

@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);z-index: 1000;box-shadow: var(--shadow-lg);position: sticky;padding: 15px 0;top: 0}

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

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

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

.wq-brand:hover img {
    
}

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

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


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

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

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 {background: transparent;flex-direction: column;cursor: pointer;border: none;padding: 8px;display: flex;gap: 5px;z-index: 1001}

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

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

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

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


.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);background: var(--primary-green);transition: background var(--transition-normal)}

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

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

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


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

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

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

.wq-cta-m {background: var(--gradient-gold);color: #000}

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

.wq-cta-ok {animation: pulse 2s infinite;color: #000;background: var(--gradient-gold)}

.wq-cta-ok:hover {box-shadow: 0 0 30px rgba(255, 223, 0, 0.5);transform: translateY(-2px);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 {font-size: 0.85rem;padding: 6px 15px}

@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-right: auto;display: block;margin-left: auto}
}

#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 {line-height: 1.2;font-size: 2.5rem;color: var(--text-primary);font-weight: 700;margin-bottom: 20px}

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

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

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

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

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


.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 {display: block;object-fit: contain;height: auto;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 {width: 100%;height: auto;object-fit: contain;max-width: 100%;display: block}


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

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

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

.wq-rnd:hover {
    
}


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

.wq-fill-d {background: var(--gradient-dark) !important;color: var(--text-white) !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 {background: var(--bg-primary);height: 100%;box-shadow: var(--shadow-md);border-radius: var(--radius-lg);padding: 30px;transition: all var(--transition-normal);border: 2px solid transparent}

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

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

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

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

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

.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 {padding-left: 80px;position: relative}

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


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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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


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

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


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

.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 {gap: 20px;display: flex;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 {margin-bottom: 15px;position: relative;padding-bottom: 20px;font-weight: 700;text-align: center;font-size: 2.5rem;color: var(--text-primary)}

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

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

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

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

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


.wq-j-intro {color: var(--text-secondary);font-size: 1.1rem;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 {color: var(--primary-green);font-weight: 600;margin: 30px 0 15px;font-size: 1.8rem}


.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 {margin-bottom: 15px;color: var(--text-secondary);font-size: 1rem;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 {overflow-x: auto;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)}

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

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

.wq-rtp-t th {color: var(--text-white);font-weight: 600;letter-spacing: 0.5px;text-align: left;text-transform: uppercase;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);transition: var(--transition-normal);background: var(--bg-primary)}

.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-weight: 700;font-size: 1.1rem}


.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 {margin-bottom: 15px;display: flex;gap: 15px;color: var(--text-white);align-items: center}

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

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

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

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


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

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

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

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

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

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

.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 {color: var(--text-secondary);margin: 0;line-height: 1.8}


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

.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 {margin-bottom: 15px;font-size: 1.8rem;color: var(--text-white)}

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

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

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

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

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

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

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

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

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

.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 {border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);overflow: hidden}

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

.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 {text-align: center;flex-direction: column}
    
    .wq-card-p {
        padding-left: 20px;
    }
    
    .wq-p-n {position: relative;margin-bottom: 15px;top: 0;left: 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 {opacity: 0;transform: translateY(30px)}
    to {opacity: 1;transform: translateY(0)}
}

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


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

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


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

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

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

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

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

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

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

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

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

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

.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;border-left: 4px solid var(--primary-green);background: var(--bg-primary);box-shadow: var(--shadow-md);border-radius: var(--radius-lg);margin-top: 20px}

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

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

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

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

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

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


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

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

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

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

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

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

.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 {display: flex;gap: 12px;padding: 10px 0 10px 10px}

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

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

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

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

.wq-cassino-highlight-box h3 {margin: 0 0 8px;color: #fff;font-size: 1.1rem}

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

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

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

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

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

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

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

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

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

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

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

@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: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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 {display: grid;gap: 20px;margin-top: 20px;grid-template-columns: repeat(3, minmax(0, 1fr))}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: rgb(255,255,255);
}

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

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

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

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

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

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

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

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

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

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

.wq-win-method-card h3 {margin: 0 0 4px;color: var(--primary-green);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 {flex-direction: column;margin-top: 15px;display: flex;gap: 12px}

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

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

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

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

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

.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: rgba(255,255,255,1);
}

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

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

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

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

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

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

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

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

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

.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;margin-top: 15px;gap: 12px;flex-direction: column}

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

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

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

@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));gap: 18px;display: grid}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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 {background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 50%, #A5D6A7 100%);padding: 60px 0 80px}

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

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


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

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

.wq-inner-block:nth-child(odd) {
    background: rgba(255,255,255,1);
}

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

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


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

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


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

.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 {margin: 18px 0 0;flex-direction: column;display: flex;list-style: none;padding: 0;gap: 14px}

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

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

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

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

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

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

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

.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 {color: var(--text-secondary);font-size: 0.9rem;margin: 0}

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

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