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

:root {
    --accent-red: #FF5630;--text-secondary: #475467;--radius-xl: 20px;--shadow-md: 0 4px 6px rgba(0, 82, 204, 0.12);
    --primary-blue: rgba(0,26,77,1);
    --primary-yellow: rgb(0,193,212);
    --transition-fast: 0.2s ease;
    --bg-primary: rgba(244,247,251,1);
    --text-primary: #101828;--radius-md: 8px;--shadow-glow: 0 0 25px rgba(0, 193, 212, 0.35);
    --shadow-sm: 0 2px 4px rgba(0, 82, 204, 0.08);
    --accent-orange: #FFAB00;--gradient-gold: linear-gradient(135deg, #00C1D4 0%, #4C9AFF 50%, #0052CC 100%);

    
    --gradient-primary: linear-gradient(135deg, #0052CC 0%, #172B4D 50%, #001A4D 100%);--shadow-xl: 0 20px 40px rgba(0, 82, 204, 0.2);--bg-dark: #001A4D;--transition-slow: 0.5s ease;--bg-secondary: #E9F0FF;--transition-normal: 0.3s ease;--text-light: #E0F2FE;--radius-full: 50px;
    --primary-green: #0052CC;
    --radius-sm: 4px;--gradient-success: linear-gradient(135deg, #36B37E 0%, #006644 100%);--gradient-dark: linear-gradient(135deg, #001A4D 0%, #091E42 50%, #000814 100%);--shadow-lg: 0 10px 25px rgba(0, 82, 204, 0.15);--radius-lg: 12px;--text-white: rgb(255,255,255)}

html {
    scroll-behavior: smooth;
}

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


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

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

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

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

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

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

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

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

.wq-brand:hover img {
    
}

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

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


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

.wq-menu-trigger span {height: 3px;background: var(--text-white);border-radius: 3px;transition: var(--transition-normal);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;overflow: hidden;transition: max-height var(--transition-normal), padding var(--transition-normal);margin-top: 15px;padding-top: 15px;width: 100%}

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

.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 {min-width: 150px;flex-shrink: 0;font-weight: 700;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 {margin-bottom: 15px;font-size: 2.5rem}


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

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

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

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

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

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

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

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


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


.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);margin: 30px 0 15px;font-size: 1.8rem;font-weight: 600}


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

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

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

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

.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 {font-weight: 700;font-size: 1.1rem;color: var(--primary-green)}


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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


.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 {padding: 0 15px;max-width: 1200px;margin: 0 auto}

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

.wq-foot-i h3 {color: var(--text-white);margin-bottom: 15px;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 {gap: 20px;flex-direction: column;display: flex}

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

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

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

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

.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 {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 {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 {top: 0;left: 0;position: relative;margin-bottom: 15px}
    
    .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 {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);height: 20px;animation: spin 1s linear infinite;border-radius: 50%;width: 20px;display: inline-block;border-top-color: var(--text-white)}


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wq-cassino-profile-card {border-radius: var(--radius-lg);padding: 18px;box-shadow: var(--shadow-sm);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 {color: var(--text-secondary);margin: 0}

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

.wq-cassino-etiquette-card {padding: 18px;background: var(--bg-secondary);box-shadow: var(--shadow-md);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: #ffffff;
}

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

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

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

.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);padding: 16px;box-shadow: var(--shadow-sm);border-radius: var(--radius-lg)}

.wq-download-step-icon {height: 32px;background: var(--gradient-gold);width: 32px;font-weight: 700;justify-content: center;align-items: center;color: #000;display: flex;margin-bottom: 8px;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;color: var(--text-secondary);font-size: 0.9rem}

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

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

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

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

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

.wq-download-data-box ul {flex-direction: column;display: flex;gap: 6px;padding: 0;list-style: none;margin: 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 {grid-template-columns: repeat(3, minmax(0, 1fr));display: grid;margin-top: 20px;gap: 20px}

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

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

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

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

.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 {background: var(--bg-primary);border-radius: var(--radius-md);padding: 12px 14px;box-shadow: var(--shadow-sm)}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wq-win-keep-box ul {margin: 0;list-style: none;flex-direction: column;display: flex;padding: 0;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: rgb(255,255,255);
}

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

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

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

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

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

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

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

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

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

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

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

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

.wq-vip-health-item p {margin: 0;color: var(--text-secondary);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 {gap: 18px;display: grid;margin-top: 18px;grid-template-columns: repeat(3, minmax(0, 1fr))}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.wq-home-timeline-grid {gap: 18px;display: grid;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 {font-weight: 700;color: var(--primary-green);margin-bottom: 6px}

.wq-home-timeline-item h3 {margin: 0 0 6px;font-size: 1rem;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;gap: 10px;display: flex;margin: 15px 0 20px}

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

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

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

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

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

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

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

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

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

.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 {margin-bottom: 20px;font-size: 2.2rem}

.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: rgb(248,250,245);
}

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

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

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


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

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


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

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

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


.wq-inner-cta-bar {text-align: center;background: var(--gradient-primary);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 {flex-direction: column;display: flex;padding: 0;list-style: none;gap: 14px;margin: 18px 0 0}

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

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

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

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