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

:root {--text-white: rgb(255,255,255);
    --accent-orange: #FFAB00;--shadow-glow: 0 0 25px rgba(0, 193, 212, 0.35);

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

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%);overflow-x: hidden;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color: var(--text-primary);background-attachment: fixed;outline-offset:0;isolation:auto;user-select:auto}


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

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

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

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

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

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

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

.wq-brand:hover img {
    
}

.wq-top-actions {margin-left: auto;justify-content: flex-end;gap: 15px;align-items: center;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 {color: rgb(0,0,0);background: var(--gradient-gold);font-weight: 700}

header .wq-cta-m:hover,
header .wq-cta-ok:hover {color: #000;transform: translateY(-2px);background: linear-gradient(135deg, #FFB81C 0%, #FFDF00 100%);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 {flex-direction: column;display: flex;gap: 5px;background: transparent;cursor: pointer;border: none;padding: 8px;z-index: 1001}

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

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

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

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


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

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

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

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


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

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

.wq-cta:hover::before {width: 300px;height: 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);color: rgba(0,0,0,1);transform: translateY(-2px)}

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

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

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

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

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

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

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

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

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


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

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


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

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

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

.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-top: 20px;padding-bottom: 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 {border-radius: var(--radius-lg);border: 2px solid transparent;transition: all var(--transition-normal);background: var(--bg-primary);box-shadow: var(--shadow-md);height: 100%;padding: 30px}

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

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

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

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


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


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

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


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

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

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

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

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

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

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

.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 {font-weight: 700;font-size: 3rem;min-width: 150px;flex-shrink: 0;color: var(--text-light)}

.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 {background: linear-gradient(135deg, #F8FAF5 0%, #F0F5EB 100%);text-align: center}

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


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

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

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

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


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


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

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

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

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

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

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


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


.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;color: var(--primary-green);font-size: 1.8rem;margin: 30px 0 15px}


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

.wq-faq-a p {margin: 0;line-height: 1.8;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 {background: var(--gradient-dark);color: var(--text-white);padding: 60px 0 30px}

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

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

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

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

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

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

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

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

.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 {padding-top: 30px;color: rgba(255, 255, 255, 0.6);border-top: 1px solid rgba(255, 255, 255, 0.1);text-align: center}

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

.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 {margin-bottom: 15px;min-width: auto}
    
    .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 {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 {border: 3px solid rgba(255, 255, 255, 0.3);border-top-color: var(--text-white);border-radius: 50%;width: 20px;height: 20px;display: inline-block;animation: spin 1s linear infinite}


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

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

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

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

.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 {display: inline-block;color: var(--primary-green);margin-right: 6px}

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

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

.wq-inner-faq-item h3 {color: var(--text-primary);font-size: 1rem;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;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 {color: var(--primary-green);margin: 0 0 8px;font-size: 1.2rem}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wq-win-highlight-box {color: var(--text-white);margin-top: 30px;border-radius: var(--radius-lg);background: var(--gradient-primary);box-shadow: var(--shadow-lg);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 {grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 18px;display: grid;gap: 18px}

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

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

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

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

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

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

.wq-win-keep-box {background: var(--bg-secondary);padding: 20px;border-radius: var(--radius-lg);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 {display: flex;margin: 0;list-style: none;padding: 0;flex-direction: column;gap: 6px}

.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 {gap: 14px;overflow-x: auto;margin-top: 18px;display: flex;flex-wrap: nowrap;padding-bottom: 4px}

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

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

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

.wq-vip-benefits-grid {margin-top: 18px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));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;margin: 0;padding: 0;display: flex;gap: 4px}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {margin-bottom: 20px;padding-bottom: 12px;font-weight: 700;border-bottom: 3px solid var(--primary-yellow);color: var(--primary-green);font-size: 1.8rem}

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


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

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


.wq-inner-split {display: flex;align-items: center;gap: 30px;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 {margin: 18px 0 0;display: flex;flex-direction: column;padding: 0;gap: 14px;list-style: none}

.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;color: var(--text-primary);margin-bottom: 5px}

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

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

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

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

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

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