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

:root {
    --transition-fast: 0.2s ease;--text-secondary: #475467;
    --text-primary: #101828;--bg-secondary: #E9F0FF;--shadow-glow: 0 0 25px rgba(0, 193, 212, 0.35);
    --shadow-sm: 0 2px 4px rgba(0, 82, 204, 0.08);--text-white: #ffffff;
    --primary-blue: #001A4D;--shadow-lg: 0 10px 25px rgba(0, 82, 204, 0.15);
    --primary-yellow: rgb(0,193,212);

    
    --gradient-primary: linear-gradient(135deg, #0052CC 0%, #172B4D 50%, #001A4D 100%);
    --primary-green: rgba(0,82,204,1);--gradient-gold: linear-gradient(135deg, #00C1D4 0%, #4C9AFF 50%, #0052CC 100%);
    --accent-red: rgb(255,86,48);
    --bg-primary: #F4F7FB;--gradient-success: linear-gradient(135deg, #36B37E 0%, #006644 100%);--radius-full: 50px;
    --radius-sm: 4px;--text-light: #E0F2FE;--radius-lg: 12px;--shadow-xl: 0 20px 40px rgba(0, 82, 204, 0.2);--gradient-dark: linear-gradient(135deg, #001A4D 0%, #091E42 50%, #000814 100%);--radius-xl: 20px;--shadow-md: 0 4px 6px rgba(0, 82, 204, 0.12);--bg-dark: #001A4D;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;
    --accent-orange: #FFAB00;--radius-md: 8px}

html {
    scroll-behavior: smooth;
}

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


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

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

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

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

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

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

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

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

.wq-brand:hover img {
    
}

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

.wq-top-row,
.wq-top-btns {align-items: center;display: flex;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 {box-shadow: 0 0 30px rgba(255, 223, 0, 0.5);background: linear-gradient(135deg, #FFB81C 0%, #FFDF00 100%);color: #000;transform: translateY(-2px)}

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

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

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

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

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


.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 {text-decoration: none;color: var(--text-white);padding: 10px 15px;transition: var(--transition-normal);text-transform: capitalize;border-radius: var(--radius-md)}

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


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

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

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

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

.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 {background: var(--gradient-gold);color: #000;animation: pulse 2s infinite}

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

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

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

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

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


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


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


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

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


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

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

.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 {flex-shrink: 0;font-size: 3rem}

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

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

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

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


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

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

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

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

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

.wq-card-img img {max-height: 100%;object-fit: contain;width: 100%;height: auto;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 {line-height: 1.6;color: var(--text-secondary)}


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

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

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


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

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


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

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

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

.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 {margin-bottom: 40px;color: var(--text-secondary);line-height: 1.8;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 {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 {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 {border-collapse: collapse;background: var(--bg-primary);min-width: 800px;width: 100%}

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

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

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

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

.wq-rtp-t tbody tr:hover {;background: rgb(232,245,233)}

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

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

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

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

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


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

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

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

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

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

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

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

.wq-faq-a {overflow: hidden;transition: max-height var(--transition-normal);padding: 0 20px;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 {color: var(--primary-green);font-weight: 600;text-decoration: none;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;background: var(--gradient-dark);color: var(--text-white)}

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

.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 {color: rgba(255, 255, 255, 0.8);line-height: 1.8}

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

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

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

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

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

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

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

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

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

.wq-foot-copy {color: rgba(255, 255, 255, 0.6);padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);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 {padding: 15px 30px;font-size: 1rem}
    
    .wq-card-h {flex-direction: column;text-align: center}
    
    .wq-card-p {
        padding-left: 20px;
    }
    
    .wq-p-n {left: 0;margin-bottom: 15px;position: relative;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 {font-size: 0.9rem;padding: 10px 20px}
}


@keyframes fadeInUp {
    from {transform: translateY(30px);opacity: 0}
    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;display: inline-block;border: 3px solid rgba(255, 255, 255, 0.3);width: 20px;border-top-color: var(--text-white);animation: spin 1s linear infinite;border-radius: 50%}


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

.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 {color: #000;border-radius: 999px;white-space: nowrap;font-size: 0.8rem;padding: 4px 10px;font-weight: 600;background: var(--gradient-gold)}

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

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

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

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

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

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

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

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

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

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

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

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


.wq-cassino-compare {
    background: rgba(255,255,255,1);
}

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

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

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

.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 {display: flex;flex-shrink: 0;font-weight: 700;color: #000;height: 30px;border-radius: 999px;width: 30px;align-items: center;justify-content: center;background: var(--gradient-gold)}

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

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

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

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

.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 {font-weight: 600;background: rgba(0, 82, 204, 0.08);padding: 6px 14px;border-radius: 999px;font-size: 0.85rem;color: var(--primary-green)}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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));gap: 14px;margin-top: 15px;display: grid}

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

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

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

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


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

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

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

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

.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 {padding: 22px;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);margin-top: 30px;background: var(--gradient-primary);color: var(--text-white)}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

.wq-vip-note-box {color: var(--text-white);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: 22px;background: var(--gradient-primary);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 {margin-top: 15px;display: flex;flex-direction: column;gap: 12px}

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

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

.wq-vip-health-item p {font-size: 0.9rem;margin: 0;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 {padding: 16px;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-md)}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.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 {margin: 15px 0 20px;flex-wrap: wrap;gap: 10px;display: flex}

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

.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 {padding: 30px 0;background: var(--gradient-primary);text-align: center}

.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 {gap: 14px;padding: 0;display: flex;flex-direction: column;margin: 18px 0 0;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 {color: var(--text-primary);font-size: 1rem;margin-bottom: 5px}

.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;margin-top: 18px;display: grid}

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