/* =========================================================
   BEK AVTO DRIVE — asosiy uslublar
   ========================================================= */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:#020409;color:#e2e8f0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:root{
  --red:#e53e3e;--red2:#c53030;
  --gold:#d4a017;--gold2:#f5c842;
  --card:rgba(255,255,255,0.035);--border:rgba(255,255,255,0.07);
  --glow-red:rgba(229,62,62,0.35);--glow-gold:rgba(212,160,23,0.3)
}
a{color:inherit}
:focus-visible{outline:2px solid #f5c842;outline-offset:2px;border-radius:4px}
#noise{position:fixed;inset:0;opacity:0.04;mix-blend-mode:screen;pointer-events:none;z-index:0}
.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}
.o1{width:600px;height:600px;background:rgba(229,62,62,0.12);top:-20%;left:-15%;animation:ob 9s ease-in-out infinite}
.o2{width:500px;height:500px;background:rgba(212,160,23,0.08);bottom:-20%;right:-10%;animation:ob 11s ease-in-out infinite reverse}
.o3{width:350px;height:350px;background:rgba(229,62,62,0.06);top:50%;left:60%;animation:ob 13s ease-in-out infinite 3s}
@keyframes ob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-30px) scale(1.06)}}
.road-bg{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:0;opacity:0.03}
.road-bg::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:repeating-linear-gradient(to top,#fff 0,#fff 30px,transparent 30px,transparent 60px);animation:roadAnim 1s linear infinite}
@keyframes roadAnim{0%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(60px)}}
.page{position:relative;z-index:1}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(2,4,9,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(229,62,62,0.1);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(229,62,62,0.4)}
.nav-logo-text{font-size:18px;font-weight:900;color:#fff;letter-spacing:0.5px}
.nav-logo-text span{color:#d4a017}
.nav-cta{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;font-size:13px;font-weight:700;padding:10px 20px;border-radius:10px;text-decoration:none;letter-spacing:0.3px;box-shadow:0 4px 16px rgba(229,62,62,0.35);transition:transform 0.15s,box-shadow 0.15s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(229,62,62,0.5)}
.nav-cta:active{transform:scale(0.97)}

/* HERO */
.hero{padding:72px 24px 60px;text-align:center;position:relative}
.hero::after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(229,62,62,0.35),transparent)}
.hero-eyebrow{font-size:11px;color:#4a5568;letter-spacing:6px;text-transform:uppercase;margin-bottom:20px;animation:fadeUp 0.5s ease both}
.live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(229,62,62,0.1);border:1px solid rgba(229,62,62,0.22);border-radius:50px;padding:8px 20px;font-size:12px;font-weight:700;color:#fc8181;margin-bottom:28px;animation:fadeDown 0.6s ease both}
.live-dot{width:8px;height:8px;background:#e53e3e;border-radius:50%;animation:livePulse 2s infinite;flex-shrink:0}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(229,62,62,0.6)}50%{box-shadow:0 0 0 10px rgba(229,62,62,0)}}
.hero h1{font-size:clamp(34px,8vw,52px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;color:#fff;max-width:520px;margin:0 auto 20px;animation:fadeUp 0.7s 0.1s ease both}
.grad-red{background:linear-gradient(135deg,#fc8181,#e53e3e,#c53030);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grad-gold{background:linear-gradient(135deg,#f6d365,#d4a017,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:16px;color:#718096;line-height:1.7;max-width:400px;margin:0 auto 16px;animation:fadeUp 0.7s 0.2s ease both}
.hero-sub b{color:#e2e8f0;font-weight:700}
.phone-float{display:inline-flex;align-items:center;gap:10px;background:rgba(212,160,23,0.08);border:1px solid rgba(212,160,23,0.2);border-radius:14px;padding:10px 22px;font-size:14px;color:#f6d365;font-weight:700;margin-bottom:28px;text-decoration:none;animation:floatY 3s ease-in-out infinite;transition:background 0.2s}
.phone-float:hover{background:rgba(212,160,23,0.15)}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;animation:fadeUp 0.7s 0.35s ease both}
.btn-main{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#e53e3e,#c53030);padding:17px 38px;border-radius:16px;color:#fff;font-size:17px;font-weight:800;text-decoration:none;box-shadow:0 10px 32px rgba(229,62,62,0.45);transition:transform 0.15s,box-shadow 0.15s;letter-spacing:0.3px}
.btn-system{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#d4a017,#f5c842);padding:17px 30px;border-radius:16px;color:#090b10;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 10px 30px rgba(212,160,23,0.28);border:1px solid rgba(255,255,255,0.12);transition:transform 0.15s,box-shadow 0.15s,filter 0.15s;letter-spacing:0.2px}
.btn-system:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(212,160,23,0.42);filter:brightness(1.06)}
.btn-system:active{transform:scale(0.97)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(229,62,62,0.6)}
.btn-main:active{transform:scale(0.97)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);padding:15px 28px;border-radius:16px;color:#94a3b8;font-size:15px;font-weight:600;text-decoration:none;transition:border-color 0.2s,color 0.2s,background 0.2s}
.btn-outline:hover{border-color:rgba(229,62,62,0.4);color:#e2e8f0;background:rgba(229,62,62,0.06)}
.car-visual{margin:40px auto 0;max-width:340px;position:relative;animation:fadeUp 0.8s 0.4s ease both}
.car-track{width:100%;height:80px;background:linear-gradient(180deg,transparent,rgba(229,62,62,0.04) 50%,rgba(229,62,62,0.08));border-top:2px solid rgba(229,62,62,0.15);border-radius:0 0 20px 20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:52px;letter-spacing:-4px}
.car-track::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,rgba(212,160,23,0.4) 0,rgba(212,160,23,0.4) 20px,transparent 20px,transparent 40px);animation:roadH 0.8s linear infinite}
@keyframes roadH{0%{transform:translateX(0)}100%{transform:translateX(-40px)}}
.car-emoji{position:relative;z-index:1;animation:carDrive 2s ease-in-out infinite}
@keyframes carDrive{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.speed-lines{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;animation:speedIn 0.5s ease-in-out infinite alternate}
@keyframes speedIn{0%{opacity:0.2;transform:translateY(-50%) scaleX(0.4)}100%{opacity:0.8;transform:translateY(-50%) scaleX(1)}}
.sl{height:2px;background:linear-gradient(90deg,transparent,rgba(229,62,62,0.5));border-radius:2px}
.sl:nth-child(1){width:50px}.sl:nth-child(2){width:35px}.sl:nth-child(3){width:60px}

/* TRUST / STATS */
.trust{display:flex;justify-content:center;gap:24px;padding:28px 20px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#4a5568;font-weight:600}
.tdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.td-r{background:#e53e3e}.td-g{background:#d4a017}.td-b{background:#48bb78}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 18px 40px;max-width:640px;margin:0 auto}
@media(min-width:560px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--card);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:24px 10px;text-align:center;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s}
.stat:hover{transform:translateY(-4px)}
.stat::before{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;border-radius:1px}
.stat:nth-child(1)::before{background:linear-gradient(90deg,transparent,#e53e3e,transparent)}
.stat:nth-child(2)::before{background:linear-gradient(90deg,transparent,#d4a017,transparent)}
.stat:nth-child(3)::before{background:linear-gradient(90deg,transparent,#48bb78,transparent)}
.stat:nth-child(4)::before{background:linear-gradient(90deg,transparent,#9f7aea,transparent)}
.stat::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(229,62,62,0.05),transparent 70%);pointer-events:none}
.stat-icon{font-size:28px;margin-bottom:10px}
.stat-num{font-size:28px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
.stat-lbl{font-size:10px;color:#4a5568;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin-top:6px}
.div-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);margin:0 20px}

/* SECTION HEADERS */
.section{padding:44px 20px}
.sec-tag{display:inline-block;background:rgba(229,62,62,0.1);border:1px solid rgba(229,62,62,0.18);border-radius:50px;padding:6px 18px;font-size:11px;font-weight:700;color:#fc8181;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.sec-h{font-size:26px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px;max-width:680px;margin-left:auto;margin-right:auto}
.sec-p{font-size:14px;color:#4a5568;line-height:1.6;max-width:520px;margin-left:auto;margin-right:auto}
.center{text-align:center}

/* KATEGORIYALAR */
.cat-section{padding:44px 20px}
.cat-hero-card{border-radius:24px;padding:32px 24px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(229,62,62,0.09),rgba(212,160,23,0.05));border:1px solid rgba(229,62,62,0.22);margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto}
.cat-hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e53e3e,#d4a017,#f6d365)}
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:640px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
.cat-card{border-radius:20px;padding:26px 18px;text-align:center;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s;cursor:pointer;text-decoration:none;display:block}
.cat-card:hover{transform:translateY(-5px)}
.cat-card.cat-b{background:linear-gradient(145deg,rgba(229,62,62,0.1),rgba(229,62,62,0.04));border:2px solid rgba(229,62,62,0.3)}
.cat-card.cat-b:hover{border-color:rgba(229,62,62,0.6)}
.cat-card.cat-bc{background:linear-gradient(145deg,rgba(212,160,23,0.1),rgba(212,160,23,0.04));border:2px solid rgba(212,160,23,0.3)}
.cat-card.cat-bc:hover{border-color:rgba(212,160,23,0.6)}
.cat-card.cat-c{background:linear-gradient(145deg,rgba(72,187,120,0.1),rgba(72,187,120,0.04));border:2px solid rgba(72,187,120,0.25)}
.cat-card.cat-c:hover{border-color:rgba(72,187,120,0.5)}
.cat-card.cat-cert{background:linear-gradient(145deg,rgba(159,122,234,0.1),rgba(159,122,234,0.04));border:2px solid rgba(159,122,234,0.25)}
.cat-card.cat-cert:hover{border-color:rgba(159,122,234,0.5)}
.cat-letter{font-size:44px;font-weight:900;line-height:1;margin-bottom:8px}
.cat-b .cat-letter{background:linear-gradient(135deg,#fc8181,#e53e3e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-bc .cat-letter{background:linear-gradient(135deg,#f6d365,#d4a017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-c .cat-letter{background:linear-gradient(135deg,#68d391,#48bb78);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-cert .cat-letter{font-size:28px;background:linear-gradient(135deg,#b794f4,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-name{font-size:13px;font-weight:800;color:#e2e8f0;margin-bottom:4px}
.cat-desc{font-size:11px;color:#4a5568;line-height:1.45}
.cat-badge{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:1px}
.cat-b .cat-badge{background:rgba(229,62,62,0.15);color:#fc8181}
.cat-bc .cat-badge{background:rgba(212,160,23,0.15);color:#d4a017}
.cat-c .cat-badge{background:rgba(72,187,120,0.15);color:#68d391}
.cat-cert .cat-badge{background:rgba(159,122,234,0.15);color:#b794f4}
.cat-card::after{content:'';position:absolute;top:-40%;right:-20%;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:0.08}
.cat-b::after{background:#e53e3e}.cat-bc::after{background:#d4a017}.cat-c::after{background:#48bb78}.cat-cert::after{background:#9f7aea}
.cat-addr-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px 20px;margin-top:16px;display:flex;gap:14px;align-items:flex-start}
.cat-addr-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(229,62,62,0.18),rgba(212,160,23,0.08));border:1px solid rgba(229,62,62,0.22);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.cat-addr-title{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:4px}
.cat-addr-text{font-size:12px;color:#4a5568;line-height:1.55}
.cat-addr-text b{color:#718096}

/* PLATFORMA XUSUSIYATLARI */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px;margin:0 auto}
@media(min-width:760px){.feat-grid{grid-template-columns:repeat(3,1fr)}}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px 18px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.feat-card:hover{transform:translateY(-4px);border-color:rgba(229,62,62,0.22)}
.feat-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px}
.fi-1{background:rgba(229,62,62,0.14);border:1px solid rgba(229,62,62,0.25)}
.fi-2{background:rgba(159,122,234,0.14);border:1px solid rgba(159,122,234,0.28)}
.fi-3{background:rgba(72,187,120,0.14);border:1px solid rgba(72,187,120,0.28)}
.fi-4{background:rgba(212,160,23,0.14);border:1px solid rgba(212,160,23,0.28)}
.fi-5{background:rgba(237,137,54,0.14);border:1px solid rgba(237,137,54,0.28)}
.fi-6{background:rgba(66,153,225,0.14);border:1px solid rgba(66,153,225,0.28)}
.feat-h{font-size:14px;font-weight:800;color:#e2e8f0;margin-bottom:6px}
.feat-p{font-size:12px;color:#4a5568;line-height:1.55}

/* METOD */
.method-card{border-radius:24px;padding:30px 24px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(229,62,62,0.07),rgba(212,160,23,0.04));border:1px solid rgba(229,62,62,0.18);max-width:900px;margin:0 auto}
.method-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e53e3e,#d4a017,#f6d365)}
.method-card::after{content:'';position:absolute;top:30px;right:24px;width:80px;height:80px;background:radial-gradient(circle,rgba(229,62,62,0.15),transparent);border-radius:50%;pointer-events:none}
.method-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(229,62,62,0.12);border:1px solid rgba(229,62,62,0.25);border-radius:8px;padding:5px 14px;font-size:11px;font-weight:700;color:#fc8181;letter-spacing:2px;margin-bottom:14px}
.method-card h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.3}
.method-card p{font-size:14px;color:#718096;line-height:1.7}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
@media(min-width:640px){.method-grid{grid-template-columns:repeat(4,1fr)}}
.mg-item{background:rgba(229,62,62,0.06);border:1px solid rgba(229,62,62,0.1);border-radius:14px;padding:16px;text-align:center;transition:border-color 0.2s,transform 0.2s}
.mg-item:hover{border-color:rgba(229,62,62,0.25);transform:translateY(-2px)}
.mg-icon{font-size:26px;margin-bottom:7px}
.mg-t{font-size:12px;font-weight:700;color:#e2e8f0}
.mg-p{font-size:11px;color:#4a5568;margin-top:3px;line-height:1.4}

/* JADVAL */
.sched-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;max-width:640px;margin-left:auto;margin-right:auto}
.sched{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 10px;text-align:center;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s}
.sched:hover{transform:translateY(-4px)}
.sched::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.sc1::before{background:linear-gradient(90deg,#f6d365,#d4a017)}
.sc2::before{background:linear-gradient(90deg,#fc8181,#e53e3e)}
.sc3::before{background:linear-gradient(90deg,#e53e3e,#9b2c2c)}
.sched-icon{font-size:28px;display:block;margin-bottom:10px}
.sched-time{font-size:30px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
.sched-lbl{font-size:10px;color:#4a5568;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:6px}
.sched-dur{display:inline-block;margin-top:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:4px 12px;border-radius:8px;font-size:11px;color:#718096;font-weight:600}

/* KURSLAR — endi keng, ustunli joylashuv */
.course-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1080px;margin:0 auto}
@media(min-width:760px){.course-grid{grid-template-columns:1fr 1fr}}
.course-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px 26px;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s;display:flex;flex-direction:column;height:100%}
.course-card:hover{transform:translateY(-3px)}
.course-card.feat{grid-column:1 / -1;border-color:rgba(229,62,62,0.3);background:linear-gradient(160deg,rgba(229,62,62,0.07),rgba(212,160,23,0.03))}
.course-card.feat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e53e3e,#d4a017,#f6d365)}
@media(min-width:760px){.course-card.feat{padding:32px 40px}.course-card.feat .cc-list{columns:2;column-gap:28px}}
.cc-badge{display:inline-block;padding:5px 14px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:12px;align-self:flex-start}
.cc-hot{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;box-shadow:0 4px 12px rgba(229,62,62,0.3)}
.cc-week{background:rgba(212,160,23,0.12);border:1px solid rgba(212,160,23,0.25);color:#d4a017}
.cc-name{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px}
.cc-sub{font-size:13px;color:#718096;margin-bottom:18px;line-height:1.5}
.cc-price{font-size:32px;font-weight:900;color:#fff;letter-spacing:-1px}
.cc-price .som{font-size:14px;color:#4a5568;font-weight:400}
.cc-list{list-style:none;margin-top:16px;flex:1}
.cc-list li{padding:9px 0 9px 28px;font-size:13px;color:#718096;position:relative;border-bottom:1px solid rgba(255,255,255,0.04);break-inside:avoid}
.cc-list li:last-child{border-bottom:none}
.cc-list li::before{content:'✓';position:absolute;left:0;color:#e53e3e;font-weight:900;font-size:13px}
.cc-btn{display:block;text-align:center;margin-top:20px;padding:14px;border-radius:14px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity 0.2s,transform 0.15s}
.cc-btn:active{transform:scale(0.98)}
.cc-btn-r{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;box-shadow:0 6px 20px rgba(229,62,62,0.35)}
.cc-btn-o{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:#718096}
.cc-btn-r:hover{box-shadow:0 10px 28px rgba(229,62,62,0.5)}

/* ONLINE */
.online-card{border-radius:24px;padding:30px 24px;background:linear-gradient(135deg,rgba(229,62,62,0.07),rgba(212,160,23,0.04));border:1px solid rgba(229,62,62,0.2);position:relative;overflow:hidden;max-width:640px;margin:0 auto}
.online-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e53e3e,#d4a017,#f6d365)}
.online-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(229,62,62,0.12);border:1px solid rgba(229,62,62,0.25);border-radius:8px;padding:5px 14px;font-size:11px;font-weight:700;color:#fc8181;letter-spacing:2px;margin-bottom:14px}
.online-card h3{font-size:21px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.3}
.online-card p{font-size:13px;color:#718096;line-height:1.6;margin-bottom:20px}
.demo-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(229,62,62,0.12);border:1px solid rgba(229,62,62,0.28);padding:13px 24px;border-radius:12px;color:#fc8181;font-weight:700;font-size:14px;text-decoration:none;transition:background 0.2s}
.demo-btn:hover{background:rgba(229,62,62,0.22)}

/* NIMA UCHUN BIZ */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px;margin:0 auto}
.why-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 16px;text-align:center;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.why-card:hover{transform:translateY(-4px);border-color:rgba(229,62,62,0.22)}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(229,62,62,0.25),transparent);opacity:0;transition:opacity 0.2s}
.why-card:hover::after{opacity:1}
.why-icon{width:54px;height:54px;margin:0 auto 14px;background:linear-gradient(135deg,rgba(229,62,62,0.12),rgba(212,160,23,0.06));border:1px solid rgba(229,62,62,0.18);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}
.why-h{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:5px}
.why-p{font-size:11px;color:#4a5568;line-height:1.5}

/* FIKRLAR — endi ustunli joylashuv */
.review-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:1080px;margin:0 auto}
@media(min-width:760px){.review-grid{grid-template-columns:repeat(3,1fr)}}
.rv{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.rv:hover{transform:translateY(-2px);border-color:rgba(229,62,62,0.18)}
.rv::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(229,62,62,0.35),transparent)}
.rv-stars{color:#d4a017;font-size:15px;letter-spacing:3px;margin-bottom:12px}
.rv-quote{font-size:22px;color:rgba(229,62,62,0.2);font-weight:900;line-height:1;margin-bottom:4px}
.rv-text{font-size:14px;color:#a0aec0;line-height:1.65;margin-bottom:14px;flex:1}
.rv-author{display:flex;align-items:center;gap:10px}
.rv-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(229,62,62,0.3)}
.rv-name{font-size:13px;font-weight:700;color:#e2e8f0}
.rv-role{font-size:11px;color:#4a5568;margin-top:2px}

/* FAQ */
.faq-list{max-width:680px;margin:0 auto}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin:0 0 8px;cursor:pointer;transition:border-color 0.2s,background 0.2s}
.faq-item:hover{border-color:rgba(229,62,62,0.2)}
.faq-item.open{border-color:rgba(229,62,62,0.28);background:rgba(229,62,62,0.04)}
.faq-q{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#e2e8f0;gap:12px}
.faq-ico{font-size:20px;color:#4a5568;transition:transform 0.3s,color 0.2s;flex-shrink:0}
.faq-item.open .faq-ico{transform:rotate(45deg);color:#fc8181}
.faq-a{font-size:13px;color:#718096;line-height:1.65;max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.35s}
.faq-item.open .faq-a{max-height:240px;padding-top:12px}

/* HUJJATLAR — endi kengroq, uch ustunli */
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:960px;margin:0 auto}
@media(min-width:700px){.doc-grid{grid-template-columns:repeat(3,1fr)}}
.doc-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 16px;text-align:center;text-decoration:none;transition:transform 0.2s,border-color 0.2s;display:flex;flex-direction:column;align-items:center;height:100%}
.doc-card:hover{transform:translateY(-4px);border-color:rgba(159,122,234,0.35)}
.doc-icon{font-size:26px;margin-bottom:10px}
.doc-t{font-size:13px;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:14px;flex:1;display:flex;align-items:center}
.doc-btn{display:inline-block;background:rgba(159,122,234,0.14);border:1px solid rgba(159,122,234,0.3);color:#b794f4;font-size:11px;font-weight:700;padding:6px 14px;border-radius:8px}

/* IJTIMOIY TARMOQ */
.social-grid{display:grid;grid-template-columns:1fr;gap:10px;max-width:680px;margin:0 auto}
@media(min-width:640px){.social-grid{grid-template-columns:1fr 1fr}}
.social-link{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:17px 22px;text-decoration:none;color:#e2e8f0;font-weight:700;font-size:15px;transition:border-color 0.2s,transform 0.15s,background 0.2s}
.social-link:hover{border-color:rgba(229,62,62,0.3);transform:translateX(5px);background:rgba(229,62,62,0.04)}
.sl-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}
.sl-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#bc1888)}
.sl-tg{background:#0088cc}
.sl-ph{background:linear-gradient(135deg,#e53e3e,#c53030)}
.sl-sub{font-size:11px;color:#4a5568;font-weight:400;margin-top:3px}
.sl-arr{margin-left:auto;font-size:22px;color:#2d3748;transition:color 0.2s}
.social-link:hover .sl-arr{color:#fc8181}

/* CTA */
.cta{text-align:center;padding:70px 24px 80px;position:relative;background:linear-gradient(180deg,transparent,rgba(229,62,62,0.04) 50%,transparent)}
.cta::before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(229,62,62,0.35),transparent)}
.cta-ring{width:120px;height:120px;margin:0 auto 28px;position:relative;animation:spin 12s linear infinite}
.cta-ring::before,.cta-ring::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid transparent}
.cta-ring::before{border-top-color:rgba(229,62,62,0.5);border-right-color:rgba(229,62,62,0.2)}
.cta-ring::after{inset:12px;border-top-color:rgba(212,160,23,0.5);border-left-color:rgba(212,160,23,0.2);animation:spin 8s linear infinite reverse}
@keyframes spin{100%{transform:rotate(360deg)}}
.cta-ring-inner{position:absolute;inset:24px;border-radius:50%;background:rgba(229,62,62,0.1);border:1px solid rgba(229,62,62,0.2);display:flex;align-items:center;justify-content:center;font-size:26px}
.cta h3{font-size:30px;font-weight:900;color:#fff;margin-bottom:12px;letter-spacing:-0.5px}
.cta p{font-size:15px;color:#4a5568;margin-bottom:36px;line-height:1.6}
.cta-btn{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;padding:20px 50px;border-radius:20px;font-size:20px;font-weight:900;letter-spacing:0.5px;text-decoration:none;box-shadow:0 14px 40px rgba(229,62,62,0.45);transition:transform 0.15s,box-shadow 0.15s}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(229,62,62,0.6)}
.cta-btn:active{transform:scale(0.97)}
.cta-phones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.cta-phone{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);padding:8px 18px;border-radius:10px;font-size:13px;color:#718096;font-weight:600;text-decoration:none;transition:border-color 0.2s,color 0.2s}
.cta-phone:hover{border-color:rgba(229,62,62,0.3);color:#fc8181}
.cta-note{margin-top:16px;font-size:12px;color:#2d3748;letter-spacing:1px}
.cta-brand{margin-top:40px;font-size:10px;color:#1a202c;letter-spacing:6px;text-transform:uppercase}

/* ANIMATSIYALAR */
@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
/* Barcha bo'limlar HAR DOIM to'liq ko'rinadi — ishonchlilik uchun ataylab shunday */
.reveal,.reveal-l,.reveal-r{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{position:relative;margin-top:80px;padding:0 24px 24px;overflow:hidden;isolation:isolate}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.55),rgba(229,62,62,.45),transparent)}
.footer-glow{position:absolute;width:520px;height:260px;left:50%;bottom:-180px;transform:translateX(-50%);background:radial-gradient(circle,rgba(212,160,23,.14),transparent 68%);filter:blur(30px);pointer-events:none;z-index:-1}
.footer-shell{max-width:1240px;margin:0 auto;padding:54px 44px 26px;border:1px solid rgba(255,255,255,.075);border-radius:28px 28px 20px 20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(5,8,15,.72);box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:48px}
.footer-brand{max-width:330px}
.footer-logo{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.footer-logo-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(145deg,#e53e3e,#a92020);box-shadow:0 12px 28px rgba(229,62,62,.25)}
.footer-logo-name{line-height:1.05;font-size:18px;font-weight:900;letter-spacing:.5px}
.footer-logo-name span{display:block;color:#d4a017;font-size:11px;margin-top:5px;letter-spacing:2px}
.footer-desc{color:#8290a7;font-size:13px;line-height:1.85;margin:0}
.footer-col h4{color:#f8fafc;font-size:14px;font-weight:800;margin:4px 0 17px}
.footer-col h4::after{content:"";display:block;width:28px;height:2px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#e53e3e,#d4a017)}
.footer-links{display:grid;gap:11px}
.footer-links a{color:#8290a7;text-decoration:none;font-size:13px;transition:color .2s,transform .2s}
.footer-links a:hover{color:#f5c842;transform:translateX(4px)}
.footer-contact{display:grid;gap:10px}
.footer-contact a{color:#9eabc0;text-decoration:none;font-size:13px;transition:color .2s}
.footer-contact a:hover{color:#f5c842}
.footer-socials{display:flex;gap:8px;margin-top:17px}
.footer-social{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);color:#aab6c9;text-decoration:none;font-size:12px;font-weight:800;transition:all .2s ease}
.footer-social:hover{color:#fff;border-color:rgba(212,160,23,.45);background:rgba(212,160,23,.10);transform:translateY(-3px);box-shadow:0 8px 22px rgba(212,160,23,.12)}
.footer-divider{height:1px;margin:38px 0 20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#66758d;font-size:12px}
.footer-copy strong{color:#9eabc0}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.footer-legal a{color:#718097;text-decoration:none;transition:color .2s}
.footer-legal a:hover{color:#f5c842}
.footer-status{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#728096;font-size:11px}
.footer-status-dot{width:7px;height:7px;border-radius:50%;background:#35c978;box-shadow:0 0 0 4px rgba(53,201,120,.08),0 0 14px rgba(53,201,120,.45)}
@media(max-width:900px){
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:34px}
  .footer-brand{grid-column:1/-1;max-width:560px}
}
@media(max-width:650px){
  .site-footer{padding:0 12px 12px;margin-top:55px}
  .footer-shell{padding:34px 22px 20px;border-radius:22px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column}
  .footer-legal{justify-content:flex-start;gap:10px 16px}
}
@media(max-width:430px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}