/* Auto-generated theme for BetJili (Azerbaijan) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #ae2cdd;
    --primary-dark: #8f1eb8;
    --secondary: #bc2485;
    --dark: #2d1f33;
    --light: #f8f5f9;
    --gray: #75657b;
    --gray-light: #e3dbe6;
    --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --radius: 12px;
    --transition: all 0.3s ease;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: var(--dark);
    background-color: white;
    overflow-x: hidden;
}

h1, h2, h3, h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 {
    font-size: 3.5rem;
    font-weight: 700;
}

h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

h2:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

h3 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

p {
    margin-bottom: 1.5rem;
    color: var(--gray);
}

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

.ssvdgcgtkvq {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

section {
    padding: 5rem 0;
}

.umplfoq {
    display: inline-block;
    background: linear-gradient(to right, var(--primary), var(--primary-dark));
    color: white;
    padding: 0.875rem 2rem;
    border-radius: var(--radius);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
    box-shadow: var(--shadow);
}

.umplfoq:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

.rloeugxsp {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
}

.rloeugxsp:hover {
    background: var(--primary);
    color: white;
}

.hwutzdmtg {
    text-align: center;
    margin-bottom: 3rem;
}

/* Header & Navigation */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 1rem 0;
    transition: var(--transition);
}

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

.logo {
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.logo i {
    font-size: 2rem;
}

nav ul {
    display: flex;
    list-style: none;
    gap: 2rem;
}

nav a {
    font-weight: 500;
    transition: var(--transition);
    position: relative;
    padding: 0.5rem 0;
}

nav a:hover {
    color: var(--primary);
}

nav a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: var(--primary);
    bottom: 0;
    left: 0;
    transition: var(--transition);
}

nav a:hover:after {
    width: 100%;
}

.ljnoaxablly {
    display: none;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--dark);
    cursor: pointer;
}

/* Hero Section */
.celzzlr {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
    position: relative;
    overflow: hidden;
}

.celzzlr:before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(79, 70, 229, 0.1) 0%, rgba(79, 70, 229, 0) 70%);
    top: -200px;
    right: -200px;
    z-index: 0;
}

.celzzlr:after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0) 70%);
    bottom: -100px;
    left: -100px;
    z-index: 0;
}

.cmqjuun {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.exqjyqurkm {
    max-width: 600px;
}

.rifpvimlc {
    display: inline-block;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.celzzlr h1 {
    margin-bottom: 1.5rem;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.celzzlr p {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
    color: var(--dark);
    opacity: 0.9;
}

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

.wljepgal {
    position: relative;
}

.zurfnqoznj {
    width: 100%;
    height: 400px;
    border-radius: var(--radius);
    object-fit: cover;
    box-shadow: var(--shadow-lg);
    border: 8px solid white;
}

/* Features Section */
.ekhmuiemu {
    background-color: var(--light);
}

.jkuxgqubl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.kbwxyndsell {
    background: white;
    padding: 2.5rem 2rem;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    transition: var(--transition);
    text-align: center;
}

.kbwxyndsell:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
}

.ykuoqnistnl {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
    border-radius: 50%;
    margin-bottom: 1.5rem;
}

/* Main Content Section */
.japkzmpwf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.cgsptvvmoi {
    width: 100%;
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    height: 400px;
    object-fit: cover;
}

/* Testimonials */
.hzxqvxdgdsq {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
}

.fifxfyxjlto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.wfxygymtq {
    background: white;
    padding: 2rem;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    position: relative;
}

.wfxygymtq:before {
    content: '"';
    position: absolute;
    font-size: 5rem;
    color: var(--primary);
    opacity: 0.1;
    top: -10px;
    left: 10px;
    font-family: serif;
}

.hdbewdbcks {
    font-style: italic;
    margin-bottom: 1.5rem;
}

.ieddjiuuli {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.fafvivm {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
}

.ukpfppu h4 {
    margin-bottom: 0.25rem;
}

.ukpfppu p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--gray);
}

/* FAQ Section */
.hkaypiy {
    max-width: 800px;
    margin: 0 auto;
}

.hwiwmnn {
    margin-bottom: 1rem;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.nzjwtkezp {
    padding: 1.5rem;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
}

.nzjwtkezp:hover {
    background-color: var(--light);
}

.nzjwtkezp i {
    transition: var(--transition);
}

.bveylsmmug {
    padding: 0 1.5rem;
    max-height: 0;
    overflow: hidden;
    transition: var(--transition);
    background-color: white;
}

.hwiwmnn.active .nzjwtkezp {
    background-color: var(--light);
}

.hwiwmnn.active .nzjwtkezp i {
    transform: rotate(180deg);
}

.hwiwmnn.active .bveylsmmug {
    padding: 1.5rem;
    max-height: 500px;
}

/* CTA Section */
.zwikhimllvt {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: white;
    text-align: center;
    border-radius: var(--radius);
    padding: 5rem 2rem;
    margin: 0 auto;
    max-width: 1000px;
}

.zwikhimllvt h2 {
    color: white;
}

.zwikhimllvt h2:after {
    background: white;
}

.zwikhimllvt p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 600px;
    margin: 0 auto 2.5rem;
}

.zwikhimllvt .umplfoq {
    background: white;
    color: var(--primary);
    font-weight: 600;
}

.zwikhimllvt .umplfoq:hover {
    background: var(--light);
    transform: translateY(-3px);
}

/* Contact Section */
.pyuxvuhbpsa {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.ebahose {
    background: white;
    padding: 2.5rem;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.yfprszcr {
    margin-bottom: 1.5rem;
}

.yfprszcr label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.vhoguomi {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid var(--gray-light);
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    transition: var(--transition);
}

.vhoguomi:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

textarea.vhoguomi {
    min-height: 150px;
    resize: vertical;
}

.cunmodjdk {
    padding: 1rem 0;
}

.cunmodjdk p {
    margin-bottom: 1.5rem;
}

/* Footer */
footer {
    background-color: var(--dark);
    color: white;
    padding: 4rem 0 2rem;
}

.ugfubrowyar {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
}

.qteuilqx {
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: white;
    margin-bottom: 1.5rem;
    display: block;
}

.zkorzdm p {
    color: rgba(255, 255, 255, 0.7);
}

.udqeqotuegd h4, .gffndntm h4 {
    color: white;
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.udqeqotuegd ul {
    list-style: none;
}

.udqeqotuegd li {
    margin-bottom: 0.75rem;
}

.udqeqotuegd a {
    color: rgba(255, 255, 255, 0.7);
    transition: var(--transition);
}

.udqeqotuegd a:hover {
    color: white;
    padding-left: 5px;
}

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

.wpiyhwqgmd a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: white;
    transition: var(--transition);
}

.wpiyhwqgmd a:hover {
    background-color: var(--primary);
    transform: translateY(-3px);
}

.duqohoo {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 2.25rem;
    }
    
    .cmqjuun, .japkzmpwf, .pyuxvuhbpsa {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .wljepgal {
        order: -1;
    }
    
    .ugfubrowyar {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
    
    h2 {
        font-size: 2rem;
    }
    
    section {
        padding: 3rem 0;
    }
    
    .celzzlr {
        padding-top: 8rem;
        padding-bottom: 5rem;
    }
    
    .rzwiibfhpi {
        flex-direction: column;
    }
    
    .ljnoaxablly {
        display: block;
    }
    
    nav ul {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 2rem;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        transform: translateY(-100%);
        opacity: 0;
        transition: var(--transition);
        z-index: 999;
    }
    
    nav ul.active {
        transform: translateY(0);
        opacity: 1;
    }
    
    .ugfubrowyar {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    .ssvdgcgtkvq {
        padding: 0 1rem;
    }
    
    .kbwxyndsell, .ebahose {
        padding: 1.5rem;
    }
    
    .zwikhimllvt {
        padding: 3rem 1.5rem;
    }
}

/* --- Site generator: shared inner pages, tables, active nav, FAQ (details) --- */
main.azulgqicui {
    padding-top: 5.5rem;
}

section.ikxhzdqpolz {
    padding-top: 7rem;
    padding-bottom: 3rem;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
}

section.ikxhzdqpolz h1 {
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: 1rem;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

section.ikxhzdqpolz .glxnfgyly {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    color: var(--gray);
}

nav a[aria-current="page"] {
    color: var(--primary);
}

nav a[aria-current="page"]:after {
    width: 100%;
}

.yjabkerkrvj {
    overflow-x: auto;
    margin: 1.5rem 0;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

table.sxetbflucm {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    background: white;
}

table.sxetbflucm th,
table.sxetbflucm td {
    border: 1px solid var(--gray-light);
    padding: 0.75rem 1rem;
    text-align: left;
    vertical-align: top;
}

table.sxetbflucm th {
    background: var(--light);
    color: var(--dark);
    font-weight: 600;
}

table.sxetbflucm caption {
    caption-side: top;
    padding: 0.75rem 1rem;
    font-weight: 600;
    text-align: left;
}

.fjamohp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.fjamohp ul {
    padding-left: 1.25rem;
}

@media (max-width: 768px) {
    .fjamohp {
        grid-template-columns: 1fr;
    }
}

details.pfmubsbtpay {
    margin-bottom: 1rem;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    background: white;
}

details.pfmubsbtpay summary {
    padding: 1.5rem;
    cursor: pointer;
    font-weight: 600;
    list-style: none;
}

details.pfmubsbtpay summary::-webkit-details-marker {
    display: none;
}

details.pfmubsbtpay[open] summary {
    background: var(--light);
}

details.pfmubsbtpay .zrdflhlaig {
    padding: 0 1.5rem 1.5rem;
}

details.pfmubsbtpay .zrdflhlaig p:last-child {
    margin-bottom: 0;
}

.jlsszguiq {
    max-width: 900px;
    margin: 0 auto;
}

/* Generated layout rules */
body{background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);}
.kbwxyndsell,.wfxygymtq,.ebahose,.hwiwmnn,.yjabkerkrvj{border-radius:10px;}
section{padding:4.2rem 0;}
.yjabkerkrvj{border:2px solid rgba(8,8,8,.62);background:#fff;}
table.sxetbflucm{border-collapse:separate;border-spacing:0;}
table.sxetbflucm th,table.sxetbflucm td{border-right:2px solid rgba(10,10,10,.58);border-bottom:2px solid rgba(10,10,10,.58);background:#fff;}
table.sxetbflucm tr td:first-child,table.sxetbflucm tr th:first-child{border-left:2px solid rgba(10,10,10,.58);} 
table.sxetbflucm thead tr:first-child th{border-top:2px solid rgba(10,10,10,.58);background:rgba(0,0,0,.14);} 
main.azulgqicui img,main.azulgqicui .cgsptvvmoi{display:block;width:100%;max-width:980px;height:320px;object-fit:cover;border-radius:10px;margin:1rem auto;box-shadow:var(--shadow-lg);} 
main.azulgqicui img{display:block;max-width:100%;} 
.celzzlr .zurfnqoznj{height:320px !important;} 
.abdbzptydqh{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.abdbzptydqh .logo{flex:0 0 auto;min-width:0;max-width:min(75vw,280px);}
.abdbzptydqh a.logo{display:inline-flex;align-items:center;gap:.55rem;max-width:100%;box-sizing:border-box;}
.logo img,header a.logo>img{max-width:40px;max-height:40px;width:34px;height:34px;object-fit:contain;object-position:left center;display:block;flex:0 0 auto;box-sizing:border-box;}
.logo{display:flex;align-items:center;gap:.55rem;min-width:0;}
.modgasw{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;padding:1rem;}
.ozgsgktxkws{max-width:560px;width:100%;background:var(--dark);color:#fff;border-radius:10px;padding:1.5rem;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-lg);}
.algsuyywdib{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border-radius:12px;background:rgba(255,255,255,.08);margin-bottom:.65rem;}
.algsuyywdib p{margin:0;color:rgba(255,255,255,.78);font-size:.9rem;}
.vhsbozn{width:100%;margin-top:1rem;padding:.9rem 1rem;border:0;border-radius:12px;background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;font-weight:700;cursor:pointer;}
/* Mobile-first priority layout */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
body{font-size:16px;line-height:1.58;}
.ssvdgcgtkvq{padding-left:1rem;padding-right:1rem;}
section{padding:2.4rem 0;}
h1{font-size:2rem;line-height:1.2;} h2{font-size:1.55rem;} h3{font-size:1.2rem;}
.celzzlr{padding-top:6.2rem;padding-bottom:2.4rem;}
.cmqjuun,.japkzmpwf,.pyuxvuhbpsa,.fjamohp{grid-template-columns:1fr !important;gap:1.2rem !important;}
.rzwiibfhpi{display:flex;flex-direction:column;gap:.8rem;}
.umplfoq,button:not(.ljnoaxablly),input[type="button"],input[type="submit"]{min-height:44px;padding:.82rem 1rem;width:100%;box-sizing:border-box;}
header a{min-height:44px;display:inline-flex;align-items:center;}
a:not(.umplfoq){min-height:0;}
.yjabkerkrvj{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.sxetbflucm{font-size:.86rem;min-width:620px;}
main.azulgqicui img,main.azulgqicui .cgsptvvmoi,.celzzlr .zurfnqoznj{height:220px !important;object-fit:cover;}
main img,main .cgsptvvmoi{display:block;width:100% !important;max-width:100% !important;height:auto !important;object-fit:contain;}
@media (min-width: 900px){
  .ssvdgcgtkvq{padding-left:1.5rem;padding-right:1.5rem;}
  section{padding:4.2rem 0;}
  h1{font-size:3rem;} h2{font-size:2.2rem;} h3{font-size:1.4rem;}
  .celzzlr{padding-top:8rem;padding-bottom:4.2rem;}
  .cmqjuun,.japkzmpwf,.pyuxvuhbpsa{grid-template-columns:1fr 1fr !important;gap:2.2rem !important;}
  .rzwiibfhpi{flex-direction:row;}
  .umplfoq,button:not(.ljnoaxablly),input[type="button"],input[type="submit"]{width:auto;}
  table.sxetbflucm{min-width:0;font-size:.95rem;}
  main.azulgqicui img,main.azulgqicui .cgsptvvmoi,.celzzlr .zurfnqoznj{height:320px !important;object-fit:cover;}
}
header{background-color:rgba(255,255,255,0.92);backdrop-filter:blur(12px);} 
.umplfoq{letter-spacing:.02em;text-transform:uppercase;}
h1,h2{letter-spacing:-0.02em;}