/* ===== CSS Reset & Base ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #0b0f1a;
    color: #f8fafc;
    overflow-x: hidden;
    line-height: 1.6;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    cursor: pointer;
    border: none;
    font-family: inherit;
}

ul {
    list-style: none;
}

/* ===== Utility Classes ===== */
.xiem {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.o912 { text-align: center; }
.dl0b { text-align: left; }

.d07nk { display: none !important; }

.zr8fe0 { display: flex; }
.es4oi { flex-direction: column; }
.tsww8 { align-items: center; }
.pogzrp { justify-content: center; }
.dd0w { justify-content: space-between; }
.jijniq { gap: 0.25rem; }
.lqizm { gap: 0.75rem; }
.t86j1 { gap: 1rem; }
.fya1 { gap: 1.25rem; }
.wg9p { gap: 1.5rem; }
.qko880 { gap: 2rem; }
.frsz { gap: 2.5rem; }
.pbha { gap: 3rem; }
.m4fo { gap: 4rem; }
.y91ylj { gap: 5rem; }

.y2ynq { display: grid; }
.r6gx { grid-template-columns: repeat(2, 1fr); }
.sczs1l { grid-template-columns: repeat(3, 1fr); }

/* ===== Typography ===== */
.y1br {
    background: linear-gradient(135deg, #60a5fa, #c084fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.qmxr { font-size: 0.75rem; }
.hh3z { font-size: 0.875rem; }
.tudxi { font-size: 1.125rem; }
.btlcr5 { font-size: 1.25rem; }
.hncz3 { font-size: 1.5rem; }
.hkyv { font-size: 1.875rem; }
.e5q1m { font-size: 2.25rem; }
.kkwazm { font-size: 3rem; }
.ap9r5d { font-size: 3.75rem; }
.rhs2w6 { font-size: 4.5rem; }
.vvidy { font-size: 6rem; }

.dnj1j5 { font-weight: 300; }
.osolna { font-weight: 700; }
.osnh { font-weight: 900; }
.s53t { font-style: italic; }
.g6ez { text-transform: uppercase; }

.uy8f5 { letter-spacing: -0.025em; }
.lpe4 { letter-spacing: -0.05em; }
.z2wyph { letter-spacing: 0.1em; }

.hz0le { line-height: 1.25; }
.qwj6hv { line-height: 1; }
.mg53 { line-height: 1.625; }
.chda { line-height: 2; }

/* Color Classes */
.hkm6c { color: #ffffff; }
.me3qa { color: #60a5fa; }
.stv87b { color: #3b82f6; }
.xblfy { color: #cbd5e1; }
.rl0p0t { color: #94a3b8; }
.tw00y { color: #64748b; }
.hjhpi6 { color: #475569; }

.lcdh9 { background-color: #3b82f6; }
.lzpyj { background-color: #2563eb; }
.y5z8 { background-color: #1d4ed8; }
.qqbv { background-color: #000000; }
.a4r1x { background-color: #dc2626; }

/* ===== Navigation ===== */
.mz1fe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    transition: all 0.3s ease;
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mz1fe.kvsl {
    background-color: rgba(11, 15, 26, 0.95);
    backdrop-filter: blur(12px);
    padding: 0.6rem 1.5rem;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2);
}

.aac3uy {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -0.05em;
    font-style: italic;
}

.aac3uy .qv1m { color: #3b82f6; }
.aac3uy .xrd5 { color: #ffffff; }

.yfio {
    background: none;
    color: white;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.yfio:hover { color: #60a5fa; }

.kmfdxt {
    display: none;
    gap: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
}

.kmfdxt a { transition: color 0.3s ease; }
.kmfdxt a:hover { color: #60a5fa; }

.tviyr { display: flex; gap: 1rem; }

.q80j5 {
    display: none;
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    background: transparent;
    color: white;
    transition: background 0.3s ease;
}

.q80j5:hover { background: rgba(255, 255, 255, 0.05); }

.npf32m {
    background: #2563eb;
    padding: 0.5rem 1.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 900;
    color: white;
    transition: background 0.3s ease;
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.3);
}

.npf32m:hover { background: #1d4ed8; }

/* ===== Sidebar Panel ===== */
.t7bpx0 {
    position: fixed;
    inset: 0 auto 0 0;
    width: 20rem;
    background: #020617;
    z-index: 60;
    padding: 2.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    border-right: 1px solid rgba(59, 130, 246, 0.2);
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.t7bpx0.knkqv {
    transform: translateX(0);
}

.dyqa {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

.il8a {
    font-size: 1.25rem;
    font-weight: 900;
    color: #3b82f6;
    font-style: italic;
}

.aslfe {
    background: none;
    color: #64748b;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.aslfe:hover { color: white; }

.e46cr { display: flex; flex-direction: column; gap: 2rem; }

.e46cr a {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    transition: color 0.3s ease;
}

.e46cr a:hover { color: #3b82f6; }

.e46cr i { width: 1.5rem; text-align: center; }

.yz0uq0 {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    right: 2.5rem;
}

.yz0uq0 button {
    width: 100%;
    background: #2563eb;
    padding: 1rem;
    border-radius: 0.75rem;
    font-weight: 700;
    color: white;
}

.fp346 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 55;
    backdrop-filter: blur(8px);
}

.rifn56 { overflow: hidden; }

/* ===== Hero Section ===== */
.hl9hw {
    background: linear-gradient(rgba(11, 15, 26, 0.85), rgba(11, 15, 26, 0.85)), url('./hero_bg.png');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem 1.5rem 2rem;
    position: relative;
    overflow: hidden;
}

.njbt {
    max-width: 64rem;
    text-align: center;
    z-index: 10;
    position: relative;
}

.rrcyb {
    display: inline-block;
    padding: 0.25rem 1rem;
    background: rgba(37, 99, 235, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 9999px;
    color: #60a5fa;
    font-weight: 700;
    font-size: 0.75rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}

.q8yit0 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 2rem;
    line-height: 1;
    letter-spacing: -0.025em;
}

.g55ldi {
    font-size: 1.125rem;
    color: #cbd5e1;
    margin-bottom: 3rem;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.625;
    font-weight: 300;
}

.g55ldi span {
    color: white;
    font-weight: 700;
}

.ggylpr {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
}

.pbngd {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: #2563eb;
    color: white;
    padding: 1.25rem 3rem;
    border-radius: 1rem;
    font-weight: 900;
    font-size: 1.25rem;
    transition: all 0.3s ease;
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.4);
}

.pbngd:hover {
    background: #1d4ed8;
    transform: scale(1.05);
}

.hayx0 {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    color: white;
    padding: 1.25rem 3rem;
    border-radius: 1rem;
    font-weight: 900;
    font-size: 1.25rem;
    transition: background 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hayx0:hover { background: rgba(255, 255, 255, 0.2); }

.vbpv {
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: 9999px;
    filter: blur(120px);
}

.vbpv.aeh4bs {
    bottom: -6rem;
    left: -6rem;
    background: rgba(37, 99, 235, 0.1);
}

.vbpv.q0sqo {
    top: 6rem;
    right: -6rem;
    background: rgba(124, 58, 237, 0.1);
}

/* ===== Section Base ===== */
.gfty {
    padding: 8rem 1.5rem;
}

.e5sg8 {
    background: rgba(30, 41, 59, 0.4);
}

.zlhmch {
    background: linear-gradient(to bottom right, #0f172a, #000);
}

.hpk7 {
    background: #2563eb;
    color: white;
}

.no7x {
    background: #000;
}

.p9ot3r {
    font-size: 2.25rem;
    font-weight: 900;
    margin-bottom: 1rem;
}

.p9ot3r .tcdqn { color: #3b82f6; }

.eawf {
    width: 6rem;
    height: 0.375rem;
    background: #2563eb;
    margin: 0 auto;
    border-radius: 9999px;
}

/* ===== Glass Card ===== */
.r16r3v {
    background: rgba(30, 41, 59, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.r16r3v:hover {
    transform: translateY(-10px);
    border-color: #60a5fa;
    box-shadow: 0 20px 40px -20px rgba(59, 130, 246, 0.4);
}

/* ===== History Section ===== */
.n1do {
    display: grid;
    gap: 5rem;
    align-items: center;
}

.amvt {
    position: relative;
}

.amvt img {
    border-radius: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.tjr6ix {
    position: absolute;
    bottom: -2.5rem;
    right: -2.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    display: none;
}

.tjr6ix .oknxc8 {
    font-size: 2.25rem;
    font-weight: 900;
    color: #3b82f6;
}

.tjr6ix .y4v8 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #94a3b8;
}

.ib0d3 {
    padding: 2rem;
    border-radius: 1.5rem;
}

.ib0d3 h3 {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #60a5fa;
}

.ib0d3 p {
    color: #94a3b8;
    line-height: 1.625;
    font-style: italic;
}

.mhgj5 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.o3yuzr {
    color: #94a3b8;
    line-height: 1.625;
    margin-bottom: 2rem;
    font-size: 1.125rem;
}

.o3yuzr span {
    color: white;
    font-weight: 700;
}

.mpvor4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.a3anh {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
}

.a3anh i { color: #3b82f6; }

/* ===== Games Section ===== */
.jj6xx {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 4rem;
}

.jj6xx .jy79g { max-width: 42rem; }

.jj6xx .jy79g h2 {
    font-size: 2.25rem;
    font-weight: 900;
    margin-bottom: 1rem;
}

.jj6xx .jy79g .tcdqn { color: #3b82f6; }

.jj6xx .jy79g p {
    color: #94a3b8;
    font-size: 1.125rem;
}

.jj6xx .jy79g p strong { color: white; }

.p4jyry {
    padding: 0.75rem 2rem;
    border: 2px solid #3b82f6;
    color: #3b82f6;
    font-weight: 700;
    border-radius: 0.75rem;
    background: transparent;
    transition: all 0.3s ease;
}

.p4jyry:hover {
    background: #3b82f6;
    color: white;
}

.sn2j {
    display: grid;
    gap: 2rem;
}

.jjk61 {
    border-radius: 1.5rem;
    overflow: hidden;
}

.o9bde {
    height: 16rem;
    overflow: hidden;
    position: relative;
}

.o9bde img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.jjk61:hover .o9bde img {
    transform: scale(1.1);
}

.o9bde .aeuv {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

.o9bde .lfhp5 {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.o9bde .lfhp5.fh8m9 { background: #dc2626; }
.o9bde .lfhp5.pv5vh { background: #2563eb; }

.akue2g {
    padding: 2rem;
}

.akue2g h3 {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
    font-style: italic;
}

.akue2g p {
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 1.5rem;
}

.akue2g button {
    width: 100%;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    color: white;
    font-weight: 900;
    border-radius: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    transition: background 0.3s ease;
}

.akue2g button:hover {
    background: #2563eb;
}

/* ===== Slots, Live Casino, Table Games ===== */
.j8vg8j {
    display: grid;
    gap: 5rem;
    align-items: center;
}

.j8vg8j img {
    border-radius: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
}

.j8vg8j h2 {
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 1.25;
}

.j8vg8j h2 .tcdqn { color: #3b82f6; }

.j8vg8j > div > p {
    color: #94a3b8;
    font-size: 1.125rem;
    line-height: 1.625;
    margin-top: 2rem;
}

.j8vg8j h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.mk0p5 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.pzu8k {
    padding: 1rem;
    border-radius: 0.75rem;
    text-align: center;
}

.pzu8k span {
    font-weight: 700;
    color: #60a5fa;
}

.qr6z {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    color: #cbd5e1;
}

.qr6z li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.qr6z i {
    color: #3b82f6;
    font-size: 0.5rem;
}

.h029d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.h029d .u9w2 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.h029d i { color: #3b82f6; }

.iqh1 {
    margin-top: 2rem;
    display: inline-block;
    background: #2563eb;
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 1rem;
    font-weight: 900;
    font-size: 1.125rem;
    transition: background 0.3s ease;
}

.iqh1:hover { background: #1d4ed8; }

/* ===== Registration Steps ===== */
.jd71 {
    display: grid;
    gap: 2.5rem;
}

.yb60a {
    padding: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.yb60a .pthz {
    width: 5rem;
    height: 5rem;
    background: #2563eb;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 1.875rem;
    font-weight: 900;
}

.yb60a h3 {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 1rem;
}

.yb60a p { color: #94a3b8; }

/* ===== Bonuses Section ===== */
.rpzw {
    background: linear-gradient(to bottom right, rgba(30, 58, 138, 0.6), #000);
    padding: 2.5rem;
    border-radius: 3rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
    position: relative;
    overflow: hidden;
}

.n1q7 {
    display: grid;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 10;
}

.s8xk {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 2rem;
    line-height: 1.25;
}

.s8xk .tcdqn { color: #3b82f6; }

.ob4zy0 {
    font-size: 1.25rem;
    color: #cbd5e1;
    margin-bottom: 2.5rem;
    line-height: 1.625;
    font-weight: 300;
}

.ob4zy0 strong { font-weight: 700; }

.q7ydmf {
    font-size: 1.125rem;
    color: #94a3b8;
    margin-bottom: 2rem;
    font-weight: 300;
}

.q7ydmf span {
    color: white;
    font-weight: 700;
    letter-spacing: 0.1em;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
}

.zns39 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3rem;
}

.zns39 li {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.125rem;
}

.zns39 i { color: #3b82f6; }

.o8j2t {
    background: #2563eb;
    color: white;
    padding: 1.25rem 3rem;
    border-radius: 1rem;
    font-weight: 900;
    font-size: 1.25rem;
    transition: all 0.3s ease;
}

.o8j2t:hover {
    background: #1d4ed8;
    transform: rotate(-1deg);
}

.v7kg6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v7kg6 img {
    border-radius: 1.5rem;
    max-width: 24rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.frt6gc {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.b0u4 {
    position: absolute;
    top: -10rem;
    right: -10rem;
    width: 24rem;
    height: 24rem;
    background: rgba(59, 130, 246, 0.2);
    filter: blur(150px);
    border-radius: 9999px;
}

/* ===== Mobile App Section ===== */
.h4mfzs {
    display: grid;
    gap: 5rem;
    align-items: center;
}

.dtjya7 {
    position: relative;
}

.dtjya7 img {
    border-radius: 1.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transform: rotate(6deg);
    transition: transform 0.7s ease;
}

.dtjya7 img:hover {
    transform: rotate(0deg);
}

.t7wajg h2 {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 2rem;
}

.t7wajg > p {
    font-size: 1.25rem;
    font-weight: 300;
    opacity: 0.9;
    line-height: 1.625;
    margin-bottom: 2rem;
}

.paqi {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.teps {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-weight: 700;
    transition: background 0.3s ease;
}

.teps.u48p {
    background: #000;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.teps.u48p:hover { background: #0f172a; }

.teps.nvj5 {
    background: white;
    color: black;
}

.teps.nvj5:hover { background: #f1f5f9; }

.teps i { font-size: 1.875rem; }

.teps .q94f { font-size: 0.625rem; text-transform: uppercase; opacity: 0.6; }
.teps .sqlbj { font-size: 1.125rem; }

.rzvni {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    gap: 3rem;
}

.rzvni .oknxc8 {
    font-size: 1.875rem;
    font-weight: 900;
}

.rzvni .y4v8 {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.6;
}

/* ===== Reviews Section ===== */
.vy48zj {
    background: #020617;
    overflow: hidden;
}

.ymurl {
    font-size: 2.25rem;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 3rem;
}

.ymurl .tcdqn { color: #3b82f6; }

.jhwk {
    display: flex;
    gap: 2rem;
    transition: transform 0.7s ease-in-out;
}

.v4h20 {
    min-width: 100%;
    padding: 2.5rem;
    border-radius: 2.5rem;
    border-color: rgba(59, 130, 246, 0.1);
}

.ldebz {
    display: flex;
    gap: 0.25rem;
    color: #3b82f6;
    margin-bottom: 1.5rem;
}

.zzko {
    font-size: 1.125rem;
    color: #cbd5e1;
    font-style: italic;
    margin-bottom: 2rem;
}

.ukq506 {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.ukq506 img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    border: 2px solid #3b82f6;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}

.ukq506 .jgo6x {
    font-weight: 900;
    color: white;
}

.ukq506 .jy79g {
    font-size: 0.75rem;
    font-weight: 700;
    color: #3b82f6;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.k5s1o4 {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 4rem;
}

.k5s1o4 button {
    width: 4rem;
    height: 4rem;
    border-radius: 9999px;
    border: 2px solid #1e293b;
    background: transparent;
    color: white;
    transition: all 0.3s ease;
}

.k5s1o4 button:hover {
    border-color: #3b82f6;
    background: rgba(37, 99, 235, 0.1);
}

/* ===== FAQ Section ===== */
.wcl50 { max-width: 56rem; margin: 0 auto; }

.as8k {
    font-size: 2.25rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.as8k .tcdqn { color: #3b82f6; }

.nmlsjk {
    color: #94a3b8;
    font-weight: 700;
    margin-bottom: 5rem;
}

.ptuymw {
    border-radius: 1.5rem;
    padding: 2rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

.m8ab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m8ab h4 {
    font-size: 1.25rem;
    font-weight: 700;
    transition: color 0.3s ease;
}

.ptuymw:hover .m8ab h4 {
    color: #60a5fa;
}

.m8ab i {
    color: #3b82f6;
    transition: transform 0.3s ease;
}

.j34ibp {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    margin-top: 1.5rem;
    color: #94a3b8;
    line-height: 1.625;
}

.ptuymw.djwj49 .j34ibp {
    max-height: 600px;
}

.ptuymw.djwj49 .m8ab i {
    transform: rotate(180deg);
}

/* ===== Footer ===== */
.c0970m {
    background: #000;
    padding-top: 8rem;
    padding-bottom: 3rem;
    border-top: 1px solid rgba(59, 130, 246, 0.1);
}

.dsaf {
    display: grid;
    gap: 4rem;
    margin-bottom: 6rem;
}

.qslcr {
    font-size: 1.875rem;
    font-weight: 900;
    font-style: italic;
}

.qslcr .u5bcv1 { color: #3b82f6; }
.qslcr .u9nuj9 { color: white; }

.brx9i1 {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 2;
    margin: 2rem 0;
}

.pobd1 {
    display: flex;
    gap: 1.5rem;
}

.pobd1 a {
    font-size: 1.5rem;
    color: #475569;
    transition: color 0.3s ease;
}

.pobd1 a:hover { color: #3b82f6; }

.ksgy h5 {
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    margin-bottom: 2.5rem;
}

.ksgy h5.u5bcv1 { color: #3b82f6; }

.ksgy ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ksgy a {
    color: #64748b;
    font-weight: 700;
    font-size: 0.875rem;
    transition: color 0.3s ease;
}

.ksgy a:hover { color: #3b82f6; }

.ksgy > p {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.ws946 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.ws946 div {
    background: rgba(255, 255, 255, 0.05);
    padding: 0.75rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.ws946 div:hover { filter: grayscale(0%); }

.ws946 i { color: #94a3b8; }

.r71b {
    margin-top: 2rem;
    font-size: 0.75rem;
    color: #475569;
    font-weight: 700;
    font-style: italic;
    line-height: 1.625;
}

.dpfrfd {
    padding-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
    color: #475569;
    font-size: 0.625rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.2em;
}

/* ===== Responsive Styles ===== */
@media (min-width: 640px) {
    .ggylpr { flex-direction: row; }
    .paqi { flex-direction: row; }
    .mk0p5 { grid-template-columns: repeat(3, 1fr); }
    .q80j5 { display: block; }
}

@media (min-width: 768px) {
    .q8yit0 { font-size: 6rem; }
    .g55ldi { font-size: 1.5rem; }
    
    .kmfdxt { display: flex; }
    
    .n1do { grid-template-columns: repeat(2, 1fr); }
    .tjr6ix { display: block; }
    
    .jj6xx { flex-direction: row; justify-content: space-between; align-items: flex-end; }
    .sn2j { grid-template-columns: repeat(2, 1fr); }
    
    .j8vg8j { grid-template-columns: repeat(2, 1fr); }
    .j8vg8j h2 { font-size: 3.75rem; }
    
    .jd71 { grid-template-columns: repeat(3, 1fr); }
    
    .rpzw { padding: 6rem; }
    .n1q7 { grid-template-columns: repeat(2, 1fr); }
    .s8xk { font-size: 4.5rem; }
    
    .h4mfzs { grid-template-columns: repeat(2, 1fr); }
    .t7wajg h2 { font-size: 4.5rem; }
    .dtjya7 { order: -1; }
    
    .v4h20 { min-width: calc(33.333% - 1.5rem); }
    
    .as8k { font-size: 3.75rem; }
    
    .dsaf { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1024px) {
    .sn2j { grid-template-columns: repeat(4, 1fr); }
    
    .p9ot3r { font-size: 3.75rem; }
}