@font-face{font-family:Nunito;src:url(nunito.woff2)}*{box-sizing:border-box}body{margin:0;background:#f8faff;color:#18334c;font:18px/1.7 Nunito,system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}a{color:#285d9d}header a{text-decoration:none;font-weight:800}.brand{font-size:26px}.hero{background:linear-gradient(120deg,#e6f5fb,#eee9ff 65%,#e0f4ec);border:1px solid #d3dfea;border-radius:28px;padding:clamp(22px,5vw,48px)}h1{font-size:clamp(32px,6vw,56px);line-height:1.15;margin:14px 0}h2{line-height:1.3}.eyebrow{color:#6253a0;font-weight:850;font-size:14px;letter-spacing:.08em}.hero p{max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:12px 18px;border-radius:13px;border:1px solid #bbcfe2;background:white;text-decoration:none;font-weight:800;align-items:center;min-height:46px}.primary{background:#285d9d;color:white;border-color:#285d9d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:24px 0}.card{border:1px solid #d5e1ed;border-radius:22px;background:white;padding:26px;box-shadow:0 10px 30px #30516e09}.symbol{display:inline-grid;place-items:center;font-weight:900;font-size:26px;width:60px;height:60px;border-radius:18px;background:#e6efff;color:#295c99}.card:nth-child(2) .symbol{background:#eee7fb;color:#794ba6}.steps{display:flex;flex-wrap:wrap;gap:14px;padding:0;list-style:none;counter-reset:step}.steps li{flex:1 1 240px;background:#edf4f9;border-radius:16px;padding:18px;counter-increment:step}.steps li:before{content:counter(step);display:inline-grid;place-items:center;border-radius:50%;width:30px;height:30px;margin-right:8px;background:#d1e3f5;font-weight:bold}.notice{padding:18px 24px;border-left:4px solid #7960ac;background:#f0edf8;border-radius:10px}footer{font-size:15px;color:#5b7387}a:focus-visible{outline:3px solid #7c4db7;outline-offset:4px}@media(max-width:500px){header,main,footer{padding:16px}.card{padding:20px}}

/* ===== BRIGHT-IT:BEGIN yorqin dizayn (faqat ko‘rinish) ===== */
@keyframes itblob{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-30px)}}
@keyframes itpop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes itshine{0%{background-position:0 50%}100%{background-position:200% 50%}}
:root{--it1:#4f46e5;--it2:#06b6d4;--it3:#f43f5e;--it4:#ffb020;--itt1:#e8e7ff;--itt2:#dcf8fd;
 --itrain:linear-gradient(90deg,#4f46e5,#06b6d4,#22c55e,#ffb020,#f43f5e);--itgrad:linear-gradient(135deg,#4f46e5,#06b6d4)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a:focus-visible,button:focus-visible{outline:3px solid #ffb020!important;outline-offset:3px}
::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-thumb{background:var(--itgrad);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

body{background:radial-gradient(900px 420px at 5% -80px,var(--itt1),transparent 70%),radial-gradient(800px 400px at 100% -60px,var(--itt2),transparent 70%),#f8faff;position:relative;min-height:100vh}
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none;animation:itblob 16s ease-in-out infinite}
body::before{width:480px;height:480px;right:-120px;top:20%;background:radial-gradient(circle,rgba(244,63,94,.18),transparent 70%)}
body::after{width:560px;height:560px;left:-180px;bottom:-100px;background:radial-gradient(circle,rgba(6,182,212,.22),transparent 70%);animation-delay:-7s}
header{position:sticky;top:0;z-index:30;max-width:none;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:5px solid transparent;border-image:var(--itrain) 1;box-shadow:0 8px 24px rgba(79,70,229,.14);padding:8px max(16px,calc((100% - 1120px)/2))}
header .brand{display:inline-flex;align-items:center;gap:12px;font-size:28px;color:#18334c}
header .brand::before{content:"";width:56px;height:56px;border-radius:16px;background:url("/assets/subjects/it.svg") center/contain no-repeat}
header a:not(.brand){display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:2px solid rgba(79,70,229,.45);border-radius:999px;background:#fff;color:#3730a3;font-weight:800}
header a:not(.brand)::before{content:"";width:30px;height:30px;background:url("/assets/ilmdosh-mark.svg") center/contain no-repeat;margin-left:-8px}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#4f46e5,#6d5cf0 45%,#06b6d4);border:0;border-radius:32px;color:#fff;box-shadow:0 24px 54px rgba(79,70,229,.38)}
.hero::before{content:"";position:absolute;width:340px;height:340px;right:-70px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)}
.hero::after{content:"💻 🤖 ⌨️ 🚀";position:absolute;right:5%;bottom:10%;font-size:2.6rem;letter-spacing:.9rem}
.hero>*{position:relative;z-index:1}
.hero h1{color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.22)}
.hero p,.hero .eyebrow{color:#fff}
.hero .eyebrow{display:inline-block;background:rgba(255,255,255,.2);border-radius:999px;padding:4px 14px}
.button{border:2px solid rgba(79,70,229,.5);color:#3730a3;border-radius:999px;font-weight:800;min-height:50px;padding:12px 22px;transition:transform .15s,box-shadow .15s}
.button.primary{background:var(--itgrad);border:0;color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.4)}
.hero .button{background:#fff;color:#3730a3;border:0;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.hero .button.primary{background:#ffb020;color:#2b1a00}
@media(hover:hover){.button:hover{transform:translateY(-3px)}.card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(79,70,229,.26)}}
h2{position:relative;color:#312e81}
h2::after{content:"";display:block;width:84px;height:7px;border-radius:7px;margin-top:8px;background:var(--itrain)}
.card{border:2px solid rgba(79,70,229,.18);border-top:7px solid var(--it1);border-radius:26px;box-shadow:0 14px 32px rgba(79,70,229,.16);transition:transform .2s,box-shadow .2s;animation:itpop .5s ease both}
.card:nth-child(2){border-top-color:var(--it3);animation-delay:.08s}
.card:nth-child(2) .button.primary{background:linear-gradient(135deg,#f43f5e,#ff8a3d);box-shadow:0 10px 24px rgba(244,63,94,.4)}
.symbol{width:68px;height:68px;border-radius:20px;color:#fff!important;background:var(--itgrad)!important;font-size:26px;box-shadow:0 10px 22px rgba(79,70,229,.4)}
.card:nth-child(2) .symbol{background:linear-gradient(135deg,#f43f5e,#ff8a3d)!important;box-shadow:0 10px 22px rgba(244,63,94,.4)}
.card h2::after{display:none}
.card ul{padding-left:20px}.card li::marker{color:var(--it1)}
.steps li{border:2px solid rgba(79,70,229,.2);background:#fff;border-radius:20px;box-shadow:0 8px 20px rgba(79,70,229,.1);font-weight:600}
.steps li:before{background:var(--itgrad);color:#fff;width:34px;height:34px}
.steps li:nth-child(2):before{background:linear-gradient(135deg,#22c55e,#06b6d4)}
.steps li:nth-child(3):before{background:linear-gradient(135deg,#ffb020,#f43f5e)}
.notice{background:linear-gradient(120deg,#fff3d6,#ffe3ef);border-left:6px solid #f43f5e;border-radius:16px;font-weight:600}
footer{border-top:6px solid transparent;border-image:var(--itrain) 1;margin-top:30px}
@media(max-width:700px){header .brand{font-size:22px}header .brand::before{width:44px;height:44px}header a:not(.brand){padding:0 12px}.hero::after{display:none}body::before,body::after{display:none}}
/* ===== BRIGHT-IT:END ===== */


/* ===== STRUCT:BEGIN tuzilma ===== */
html{scroll-behavior:smooth;scroll-padding-top:120px}
.jump{position:sticky;top:73px;z-index:25;display:flex;gap:8px;overflow-x:auto;padding:10px max(16px,calc((100% - 1120px)/2));background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e3e7f0;scrollbar-width:none}
.jump a{flex:none;padding:8px 16px;border-radius:999px;border:1px solid #d3d9ea;background:#fff;color:#2f3dc2;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.jump a:hover{background:#3b4cd6;color:#fff;border-color:#3b4cd6}
.block{margin:44px 0}
.block h2{margin:0 0 6px;font-size:clamp(24px,3.4vw,32px)}
.lead{color:#475467;max-width:680px;margin:0 0 20px}
.hero{padding:clamp(24px,4vw,40px)!important}
.hero h1{font-size:clamp(30px,5vw,48px)}
.choose{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:18px}
.choice{display:flex;flex-direction:column;gap:6px;padding:22px;background:#fff;border:1px solid #e3e7f0;border-top:3px solid #3b4cd6;border-radius:20px;text-decoration:none;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.06);transition:transform .15s,box-shadow .15s}
.choice:nth-child(2){border-top-color:#0ea5a4}.choice:nth-child(3){border-top-color:#f59e0b}.choice:nth-child(4){border-top-color:#e11d74}
.choice:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(16,24,40,.05),0 18px 40px rgba(16,24,40,.12)}
.choice .ic{font-size:34px;line-height:1}
.choice b{font-size:19px;line-height:1.3}
.choice span:not(.ic){color:#475467;font-size:16px;line-height:1.5}
.choice em{margin-top:auto;padding-top:10px;font-style:normal;font-weight:800;color:#3b4cd6}
.road{list-style:none;margin:0;padding:0;display:grid;gap:0}
.road li{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid #e3e7f0}
.road li:last-child{border-bottom:0}
.road .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#3b4cd6;color:#fff;font-weight:900;font-size:20px}
.road b{font-size:19px}
.road p{margin:2px 0 6px;color:#475467}
.road a{font-weight:700;color:#3b4cd6}
.road .t{padding:5px 12px;border-radius:999px;background:#eef0fb;color:#344054;font-weight:700;font-size:14px;white-space:nowrap}
.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.course{display:grid;gap:6px;padding:18px;background:#fff;border:1px solid #e3e7f0;border-radius:16px;text-decoration:none;color:#101828;transition:transform .15s,box-shadow .15s}
.course:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,24,40,.12)}
.course b{font-size:18px}
.course span:not(.lv){color:#475467;font-size:15px;line-height:1.45}
.course em{font-style:normal;font-weight:800;color:#3b4cd6;font-size:14px}
.lv{justify-self:start;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.03em}
.l0{background:#dcf7e9;color:#116a3d}.l1{background:#e4e8ff;color:#2f3dc2}.l2{background:#fff0d6;color:#8a5800}.l3{background:#ffe3ef;color:#a3125a}.l4{background:#efe4fb;color:#6d28d9}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.tools a{display:grid;gap:4px;padding:16px 18px;background:#fff;border:1px solid #e3e7f0;border-radius:14px;text-decoration:none;color:#101828}
.tools a:hover{border-color:#3b4cd6}
.tools span{color:#475467;font-size:15px}
details{background:#fff;border:1px solid #e3e7f0;border-radius:14px;margin:10px 0;padding:0 18px}
details summary{cursor:pointer;font-weight:800;padding:16px 0;list-style-position:inside}
details[open] summary{color:#3b4cd6}
details p{margin:0 0 16px;color:#475467}
@media(max-width:700px){.road li{grid-template-columns:40px 1fr}.road .t{grid-column:2;justify-self:start}.jump{top:61px}.block{margin:32px 0}}
/* ===== STRUCT:END ===== */

/* ===== BTN:BEGIN aniq tugmalar ===== */
html .tugma,html .button,html .btn,html a.tugma,html a.button{min-height:48px;padding:10px 22px!important;border:2px solid #2f3dc2!important;border-radius:14px!important;background:#fff!important;color:#2f3dc2!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 3px 0 rgba(47,61,194,.28)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important}
html .tugma-asosiy,html .tugma.tugma-asosiy,html .button.primary,html .btn.primary{background:#3b4cd6!important;color:#fff!important;border-color:#2a37b0!important;box-shadow:0 3px 0 #1f2a8a!important}
html .path-hero .tugma,html .hero .button,html .kurs-bosh .tugma,html .hero .btn{background:#fff!important;color:#2f3dc2!important;border-color:#fff!important;box-shadow:0 3px 0 rgba(0,0,0,.25)!important}
html .path-hero .tugma-asosiy,html .hero .button.primary,html .kurs-bosh .tugma-asosiy,html .hero .btn.primary{background:#ffb020!important;color:#1b1300!important;border-color:#fff3c4!important;box-shadow:0 3px 0 rgba(0,0,0,.3)!important}
html .tugma:hover,html .button:hover,html .btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(47,61,194,.35)!important}
html .tugma:active,html .button:active,html .btn:active{transform:translateY(2px);box-shadow:none!important}
html .tugma:focus-visible,html .button:focus-visible,html .btn:focus-visible{outline:4px solid #ffb020!important;outline-offset:3px}
/* ===== BTN:END ===== */

/* ===== PRO:BEGIN ===== */
html:not([data-stil="yorqin"]) body{background:#f6f7fb!important;background-image:none!important}
html:not([data-stil="yorqin"]) body::before,html:not([data-stil="yorqin"]) body::after{display:none!important}
html:not([data-stil="yorqin"]) header,html:not([data-stil="yorqin"]) .topbar{border-bottom:1px solid #e3e7f0!important;border-image:none!important;box-shadow:none!important}
html:not([data-stil="yorqin"]) footer{border-top:1px solid #e3e7f0!important;border-image:none!important}
html:not([data-stil="yorqin"]) h2::after{display:none!important}
html:not([data-stil="yorqin"]) .hero::before,html:not([data-stil="yorqin"]) .hero::after,html:not([data-stil="yorqin"]) .path-hero::before,html:not([data-stil="yorqin"]) .path-hero::after{display:none!important}
html:not([data-stil="yorqin"]) .hero{background:linear-gradient(135deg,#2f3dc2,#3b4cd6 55%,#4f6ae8)!important;box-shadow:0 16px 40px rgba(47,61,194,.28)!important}
html:not([data-stil="yorqin"]) .button.primary,html:not([data-stil="yorqin"]) .tugma-asosiy{background:#3b4cd6!important;box-shadow:0 6px 16px rgba(59,76,214,.28)!important}
html:not([data-stil="yorqin"]) .hero .button.primary{background:#ffb020!important}
html:not([data-stil="yorqin"]) .card,html:not([data-stil="yorqin"]) .path-card{border:1px solid #e3e7f0!important;border-top:3px solid #3b4cd6!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.06)!important;animation:none!important}
html:not([data-stil="yorqin"]) .card:nth-child(2){border-top-color:#e11d74!important}
html:not([data-stil="yorqin"]) .symbol,html:not([data-stil="yorqin"]) .path-symbol{background:#3b4cd6!important;box-shadow:none!important}
html:not([data-stil="yorqin"]) .card:nth-child(2) .symbol{background:#e11d74!important}
html:not([data-stil="yorqin"]) .steps li{box-shadow:none!important;border:1px solid #e3e7f0!important}
html:not([data-stil="yorqin"]) .steps li:before,html:not([data-stil="yorqin"]) .steps li:nth-child(2):before,html:not([data-stil="yorqin"]) .steps li:nth-child(3):before{background:#3b4cd6!important}
html:not([data-stil="yorqin"]) .notice{background:#fff7e6!important;border-left:4px solid #f59e0b!important}
html:not([data-stil="yorqin"]) .path-hero{background:linear-gradient(135deg,#2f3dc2,#4f6ae8)!important;box-shadow:0 16px 40px rgba(47,61,194,.28)!important}
html:not([data-stil="yorqin"]) .hero{background:linear-gradient(135deg,#2f3dc2,#3b4cd6 55%,#4f6ae8)!important}
/* ===== PRO:END ===== */