:root{--navy:#0b2a5b;--blue:#1f6feb;--green:#16a34a;--ink:#10213f;--mut:#5b6b86;--bg:#f5f8fd;--line:#e1e8f3;--white:#fff;--r:1rem;--sh:0 .5rem 1.6rem rgba(11,42,91,.08)}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(min-width:1920px){html{font-size:18px}}@media(min-width:2560px){html{font-size:22px}}@media(min-width:3200px){html{font-size:27px}}
body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:80rem;margin:0 auto;padding:0 1.1rem}.narrow{max-width:52rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:99}
h1,h2,h3,h4{line-height:1.25;color:var(--navy)}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}
.logo{display:flex;align-items:center;gap:.7rem}.logo img{width:3rem;height:3rem;border-radius:.8rem}
.logo span{display:flex;flex-direction:column;line-height:1.15}.logo b{font-size:1.25rem;color:var(--navy);letter-spacing:.02em}.logo small{font-size:.74rem;color:var(--mut)}
.logo.light b{color:#fff}
.nav{display:flex;gap:.1rem;align-items:center}
.nav a{padding:.5rem .65rem;border-radius:.6rem;font-size:.93rem;font-weight:500;color:var(--ink);transition:.2s}
.nav a:hover,.nav a.on{background:#eaf1fe;color:var(--blue)}
.burger{display:none;width:3rem;height:3rem;border:0;background:var(--navy);border-radius:.8rem;cursor:pointer;flex-direction:column;gap:.3rem;align-items:center;justify-content:center}
.burger span{width:1.4rem;height:2px;background:#fff;transition:.25s}
@media(max-width:1100px){.burger{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:.8rem 1rem 1.2rem;border-bottom:1px solid var(--line);box-shadow:var(--sh);max-height:calc(100vh - 4.4rem);overflow:auto;z-index:60}
.nav.open{display:flex}.nav a{padding:.9rem 1rem;font-size:1.05rem}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.5rem;min-height:2.9rem;border:0;border-radius:.8rem;background:var(--blue);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:.2s;font-family:inherit}
.btn:hover{background:var(--navy);transform:translateY(-1px)}.ghost-w{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.7)}.ghost-w:hover{background:#fff;color:var(--navy)}
/* hero */
.hero{background:linear-gradient(135deg,#0b2a5b 0%,#1f6feb 100%) center/cover no-repeat;color:#fff;padding:clamp(3.5rem,9vw,8rem) 0;position:relative}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--green),transparent)}
.hero-in{max-width:80rem}.eyebrow{display:inline-block;background:rgba(255,255,255,.14);padding:.3rem .9rem;border-radius:2rem;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}.eyebrow.dk{background:#e8f7ee;color:var(--green)}
.hero h1{color:#fff;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.02em}.hero .sub{font-size:clamp(1.05rem,2.2vw,1.6rem);margin:.6rem 0;opacity:.95}.hero .slogan{font-size:clamp(1rem,2vw,1.35rem);font-style:italic;color:#bff0d0}
.hbtn{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero-in>*{animation:rise .7s both}.hero-in>*:nth-child(2){animation-delay:.08s}.hero-in>*:nth-child(3){animation-delay:.16s}.hero-in>*:nth-child(4){animation-delay:.24s}.hero-in>*:nth-child(5){animation-delay:.32s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* stats */
.stats-s{margin-top:-2.2rem;position:relative;z-index:2}.stgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.stc{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1.2rem .6rem;text-align:center;border-bottom:3px solid var(--green)}
.stc b{display:block;font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--navy)}.stc span{color:var(--mut);font-size:.9rem}
@media(max-width:800px){.stgrid{grid-template-columns:repeat(2,1fr)}.stc:last-child{grid-column:1/-1}}
/* sections */
.sec{padding:clamp(2.5rem,5vw,4.5rem) 0}.sec.alt{background:var(--bg)}
.sh{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}.sh h2{font-size:clamp(1.5rem,3vw,2.2rem);position:relative;padding-left:1rem}.sh h2::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:.3rem;border-radius:.2rem;background:var(--green)}
.sh a{color:var(--blue);font-weight:600}
.banner{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:clamp(2rem,5vw,3.6rem) 0}.banner h1{color:#fff;font-size:clamp(1.8rem,4.5vw,3rem)}.banner p{opacity:.9;margin-top:.4rem}
.grid{display:grid;gap:1.3rem}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
/* cards */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 .1rem .5rem rgba(11,42,91,.04);transition:.25s;display:block;position:relative}
a.card:hover,.card.ev:hover,.card.tch:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.im{position:relative;aspect-ratio:16/10;background:#e8eef9;overflow:hidden}.im.sq{aspect-ratio:1/1}.im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}a.card:hover .im img{transform:scale(1.04)}
.ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbe7fb,#eaf7ef)}.ph span{font-size:2.2rem;font-weight:700;color:var(--navy);opacity:.55}
.cb{padding:1.1rem 1.2rem 1.3rem}.cb h3{font-size:1.15rem;margin:.3rem 0 .4rem}.cb p{color:var(--mut);font-size:.95rem}.cb small,time{color:var(--mut);font-size:.85rem}
.tag{position:absolute;left:.8rem;top:.8rem;background:var(--navy);color:#fff;padding:.2rem .7rem;border-radius:2rem;font-size:.78rem}.tag.dk{position:static;display:inline-block}
.badge{display:inline-block;padding:.2rem .75rem;border-radius:2rem;font-size:.78rem;font-weight:600;background:#e8eefb;color:var(--blue)}.im .badge{position:absolute;right:.8rem;top:.8rem}
.badge.g{background:#e3f6ea;color:#12803a}.badge.r{background:#fde8e8;color:#c0262d}.badge.b{background:#e0ecff;color:var(--blue)}.badge.x{background:#eceff4;color:#667}
.meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;color:var(--mut)}
.ann{padding:1.2rem 1.3rem}.ann.imp{border-left:5px solid #dc2626;background:#fffafa}.ann .cb{padding:0}.ann h3{margin:.4rem 0}
.kv{list-style:none;margin:.6rem 0}.kv li{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.3rem 0;border-bottom:1px dashed var(--line)}.kv span{color:var(--mut)}.kv b{text-align:right}
.dirn{color:var(--blue)!important;font-weight:600}
details summary{cursor:pointer;color:var(--blue);font-weight:600;margin-top:.5rem}
.pers{padding:1.4rem;text-align:center}.av{width:4.4rem;height:4.4rem;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}
/* today block */
.todaygrid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.3rem}
.tfeat{position:relative;border-radius:var(--r);overflow:hidden;min-height:24rem;background:var(--navy);display:block}.tfeat>img,.tfeat>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tov{position:absolute;inset:auto 0 0 0;padding:4rem 1.5rem 1.5rem;background:linear-gradient(transparent,rgba(5,20,50,.92));color:#fff}.tov h3{color:#fff;font-size:clamp(1.3rem,2.4vw,1.9rem);margin:.5rem 0}.tov p{opacity:.9}.tov time{color:#bff0d0}.tov .tag{position:static;display:inline-block;background:var(--green)}
.tlist{display:flex;flex-direction:column;gap:.8rem}.trow{display:flex;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.7rem;transition:.2s}.trow:hover{box-shadow:var(--sh)}
.tt{flex:0 0 6.5rem;height:5rem;border-radius:.7rem;overflow:hidden}.tt img,.tt .ph{width:100%;height:100%;object-fit:cover}.trow h4{font-size:1rem;margin:.1rem 0}
@media(max-width:850px){.todaygrid{grid-template-columns:1fr}.tfeat{min-height:18rem}}
/* director */
.dirbox{display:grid;grid-template-columns:16rem 1fr;gap:2rem;align-items:center;background:linear-gradient(135deg,#f0f6ff,#effaf3);border-radius:1.4rem;padding:clamp(1.2rem,3vw,2.5rem)}.dirbox.big{align-items:start}
.dph{border-radius:1.2rem;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh)}.dph img,.dph .ph{width:100%;height:100%;object-fit:cover}.pos{color:var(--blue);font-weight:600;margin-bottom:.8rem}.rec{background:#fff;padding:.7rem 1rem;border-radius:.8rem;margin:.8rem 0}
@media(max-width:760px){.dirbox{grid-template-columns:1fr}.dph{max-width:14rem}}
/* docs */
.doclist{display:grid;gap:.8rem}.doc{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;transition:.2s}.doc:hover{box-shadow:var(--sh);border-color:var(--blue)}
.doc>div{flex:1}.doc b{display:block}.doc small,.doc p{color:var(--mut);font-size:.88rem}.doc em{color:var(--blue);font-style:normal;font-weight:600;white-space:nowrap}
.ext{flex:0 0 3.2rem;height:3.2rem;border-radius:.8rem;background:#fde8e8;color:#c0262d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem}
@media(max-width:600px){.doc em{display:none}}
/* misc */
.empty{text-align:center;padding:2.5rem 1rem;color:var(--mut);background:var(--bg);border-radius:var(--r);border:1px dashed var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.6rem}.filters input,.filters select{flex:1 1 14rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;font:inherit;background:#fff;min-height:2.9rem}
.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tabs a{padding:.55rem 1.1rem;border-radius:2rem;background:var(--bg);font-weight:500;font-size:.92rem}.tabs a.on,.tabs a:hover{background:var(--blue);color:#fff}
.pager{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.pager a{min-width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:.7rem;border:1px solid var(--line)}.pager a.on,.pager a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.prose p{margin-bottom:1rem}.prose h2,.prose h3{margin:1.4rem 0 .6rem}.prose .lead{font-size:1.15rem;color:var(--navy);font-weight:500}
.ah{font-size:clamp(1.7rem,4vw,2.8rem);margin:.7rem 0}.cover{width:100%;border-radius:var(--r);margin:1.2rem 0}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem;margin:1.5rem 0}.photos img{border-radius:.8rem;aspect-ratio:4/3;object-fit:cover;width:100%}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags a{background:var(--bg);padding:.3rem .8rem;border-radius:2rem;font-size:.85rem;color:var(--blue)}
.back{display:inline-block;margin-bottom:1rem;color:var(--blue);font-weight:600}
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}@media(max-width:900px){.two{grid-template-columns:1fr}}
.rimg{border-radius:var(--r);margin-bottom:1rem;width:100%}.info{padding:1.3rem}.info dt{color:var(--mut);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;margin-top:.8rem}.info dd{font-weight:500}.info a{color:var(--blue)}
.map{margin-top:1.2rem;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.map iframe{width:100%;height:22rem;border:0;display:block}
.masonry{columns:3 16rem;column-gap:1rem}.masonry figure{break-inside:avoid;margin-bottom:1rem}.masonry img{width:100%;border-radius:.8rem;cursor:zoom-in}.masonry figcaption{font-size:.82rem;color:var(--mut);padding:.3rem}
[data-lb]{cursor:zoom-in}.lb{position:fixed;inset:0;background:rgba(5,15,35,.93);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}.lb img{max-width:100%;max-height:100%;border-radius:.5rem}
.quote{padding:1.3rem;margin-bottom:1rem}.quote footer{margin-top:.8rem;color:var(--mut);font-size:.9rem}.rp{margin-top:.6rem;padding:.6rem .9rem;background:#eef6ff;border-radius:.6rem;color:var(--ink)}
.alert{padding:.9rem 1.1rem;border-radius:.8rem;margin-bottom:1rem}.alert-ok{background:#e3f6ea;color:#12663a}.alert-err{background:#fde8e8;color:#a31f26}
/* feedback + form */
.fbsec{background:linear-gradient(135deg,var(--navy),#123b7f);color:#fff;padding:clamp(2.5rem,5vw,4rem) 0}.fbsec h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.6rem}.fbgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:start}@media(max-width:850px){.fbgrid{grid-template-columns:1fr}}
.fbform{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.fbform.col{grid-template-columns:1fr}.fbform label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.fbform .full{grid-column:1/-1}@media(max-width:600px){.fbform{grid-template-columns:1fr}}
.fbform input,.fbform textarea{padding:.8rem 1rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.3);font:inherit;background:#fff;color:var(--ink);width:100%;min-height:2.9rem}.card .fbform input,.card .fbform textarea{border-color:var(--line)}.card form{padding:0}.card>h3{padding:1.2rem 1.2rem 0}.card>form,.card>.alert{margin:1rem 1.2rem 1.3rem}
.fbform .btn{background:var(--green)}.fbform .btn:hover{background:#12803a}.card .fbform label{color:var(--ink)}.hp{position:absolute!important;left:-9999px!important;opacity:0}
/* footer */
.ftr{background:#071a3a;color:#c6d3ea;padding-top:3rem}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2rem;padding-bottom:2rem}@media(max-width:800px){.fgrid{grid-template-columns:1fr}}
.ftr h3{color:#fff;margin-bottom:.8rem;font-size:1.05rem}.ftr a{display:block;padding:.2rem 0}.ftr a:hover{color:#6fe3a1}.ftr p{margin:.5rem 0;font-size:.93rem}.sl{font-style:italic;color:#6fe3a1}.soc{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem}.soc a{display:inline;color:#fff;border-bottom:1px solid var(--green)}
.copy{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;font-size:.85rem;text-align:center}
@media(min-width:1920px){.wrap{max-width:96rem}}
/* ===== Xilma-xil bo'limlar ===== */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}
.sec.dark{background:linear-gradient(160deg,#071a3a,#0b2a5b 60%,#123b7f);color:#fff}.sec.dark h2{color:#fff}.sec.dark .sh a{color:#6fe3a1}
.sec.tint{background:#f3f7fd}.sec.mint{background:linear-gradient(180deg,#effaf3,#e6f6ee)}
.sec.gold{background:linear-gradient(135deg,#0f5132,#16a34a);color:#fff}.sec.gold h2{color:#fff}.sec.gold .sh h2::before{background:#fde68a}.sec.gold .sh a{color:#fde68a}
.stc i{display:block;font-style:normal;font-size:1.6rem;margin-bottom:.2rem}
/* e'lonlar */
.split{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;align-items:start}.splh{position:sticky;top:6rem}.splh h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:.6rem 0}.splh p{color:var(--mut);margin-bottom:1.2rem}
.annlist{display:flex;flex-direction:column;gap:.9rem}.annrow{display:flex;gap:1.1rem;padding:1.1rem 1.2rem;border-radius:var(--r);background:#fff;border:1px solid var(--line);align-items:flex-start}.annrow h3{font-size:1.1rem;margin:.2rem 0}.annrow p{color:var(--mut);font-size:.93rem}
.annrow.imp{background:#fff7f7;border-color:#f8c9c9}.adate{flex:0 0 3.8rem;text-align:center;border-radius:.8rem;background:var(--navy);color:#fff;padding:.5rem 0}.adate b{display:block;font-size:1.6rem;line-height:1}.adate span{font-size:.75rem;text-transform:uppercase;opacity:.85}.annrow.imp .adate{background:#dc2626}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:1.2rem}.splh{position:static}}
/* bugun: hikoyalar (surish) */
.snap{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}.story{position:relative;flex:0 0 min(17rem,78vw);aspect-ratio:3/4.3;border-radius:1.2rem;overflow:hidden;scroll-snap-align:start;background:#123b7f;transition:transform .3s}.story:hover{transform:translateY(-6px)}
.story>img,.story>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story .tov{padding:5rem 1.1rem 1.1rem}.story h3{font-size:1.1rem}.swipe{text-align:center;color:#9db4de;font-size:.85rem}
.tov{position:absolute;inset:auto 0 0 0;padding:4rem 1.5rem 1.5rem;background:linear-gradient(transparent,rgba(5,20,50,.92));color:#fff}.tov h3{color:#fff;margin:.5rem 0}.tov time{color:#bff0d0}.tov .tag{position:static;display:inline-block;background:var(--green)}
/* yangiliklar: jurnal */
.mag{display:grid;grid-template-columns:1.6fr 1fr;gap:1.3rem}.nbig{position:relative;border-radius:1.2rem;overflow:hidden;min-height:26rem;background:var(--navy);display:block}.nbig>img,.nbig>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.nbig:hover>img{transform:scale(1.04)}.nbig h3{font-size:clamp(1.3rem,2.6vw,2rem)}
.nstack{display:flex;flex-direction:column;gap:.8rem}.nrow{display:flex;gap:.9rem;padding:.7rem;border-radius:var(--r);border:1px solid var(--line);background:#fff;transition:.2s;flex:1;align-items:center}.nrow:hover{border-color:var(--blue);box-shadow:var(--sh)}.nrow h4{font-size:1rem;margin-top:.15rem}.nrow time{font-size:.8rem}
.tt{flex:0 0 6.5rem;height:5rem;border-radius:.7rem;overflow:hidden}.tt img,.tt .ph{width:100%;height:100%;object-fit:cover}
@media(max-width:850px){.mag{grid-template-columns:1fr}.nbig{min-height:18rem}}
/* tadbirlar: taqvim qatorlari */
.elist{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.erow{display:flex;gap:1rem;background:#fff;border-radius:var(--r);padding:1rem;border:1px solid var(--line);align-items:flex-start;transition:.2s}.erow:hover{box-shadow:var(--sh)}
.edate{flex:0 0 4.2rem;text-align:center;border-radius:.9rem;background:linear-gradient(160deg,var(--blue),var(--navy));color:#fff;padding:.7rem 0}.edate b{display:block;font-size:1.9rem;line-height:1}.edate span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.ebody{flex:1;min-width:0}.ebody h3{font-size:1.1rem;margin:.35rem 0}.ebody p{color:var(--mut);font-size:.92rem;margin-top:.3rem}.eimg{flex:0 0 5.5rem;height:5.5rem;border-radius:.8rem;overflow:hidden}.eimg img,.eimg .ph{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.elist{grid-template-columns:1fr}}@media(max-width:480px){.eimg{display:none}}
/* direktor */
.quoteb{font-size:1.08rem;border-left:4px solid var(--green);padding-left:1rem;margin:.8rem 0 1.2rem;font-style:italic;color:#27406b}
/* to'garaklar: plitkalar */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tile{background:#fff;border-radius:1.2rem;padding:1.4rem 1.2rem;border-top:5px solid var(--green);transition:.25s;box-shadow:0 .1rem .5rem rgba(11,42,91,.05)}.tile:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:var(--sh)}
.tile:nth-child(4n+2){border-color:var(--blue)}.tile:nth-child(4n+3){border-color:#f59e0b}.tile:nth-child(4n){border-color:#a855f7}
.ico{width:3rem;height:3rem;border-radius:50%;background:#e8f7ee;color:var(--green);font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.tile:nth-child(4n+2) .ico{background:#e5eefe;color:var(--blue)}.tile:nth-child(4n+3) .ico{background:#fef3dc;color:#d97706}.tile:nth-child(4n) .ico{background:#f4e8fe;color:#9333ea}
.tile h3{font-size:1.05rem}.tile p{color:var(--blue);font-size:.9rem;font-weight:600}.tile small{color:var(--mut)}
@media(max-width:1000px){.tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tiles{grid-template-columns:1fr}}
/* yutuqlar */
.ac2{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:1.2rem;padding:1.6rem;text-align:center;backdrop-filter:blur(4px)}.ac2 h3{color:#fff;margin:.6rem 0 .3rem}.ac2 p,.ac2 time{color:#d5f5e1}.trophy{font-size:2.6rem}.res{display:inline-block;background:#fde68a;color:#7a4a00;padding:.2rem .9rem;border-radius:2rem;font-weight:700;font-size:.85rem}
/* galereya: mozaika */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:11rem;gap:.8rem}.mo{position:relative;border-radius:1rem;overflow:hidden;background:#dbe7fb}.mo:first-child{grid-column:span 2;grid-row:span 2}.mo img,.mo .ph{width:100%;height:100%;object-fit:cover;transition:transform .5s}.mo:hover img{transform:scale(1.07)}
.mo span{position:absolute;left:0;right:0;bottom:0;padding:1.5rem .8rem .6rem;background:linear-gradient(transparent,rgba(5,20,50,.85));color:#fff;font-size:.88rem;font-weight:600}
@media(max-width:700px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:9rem}}
.doclist.two{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.doclist.two{grid-template-columns:1fr}}
/* izohlar */
.cmts{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--line)}.cmts h2{margin-bottom:1rem}.cmts h2 small{color:var(--mut);font-weight:400}.mut{color:var(--mut);margin-bottom:1rem}
.cm{display:flex;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--line)}.cav{flex:0 0 2.8rem;height:2.8rem;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.cm time{margin-left:.5rem}.cm p{margin-top:.2rem}
.cform{display:grid;gap:.8rem;margin-top:1rem;background:var(--bg);padding:1.2rem;border-radius:var(--r)}.cform[hidden]{display:none}.cform label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.9rem}.cform input,.cform textarea{padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;font:inherit;background:#fff}.cform small{color:var(--mut)}
.btn.big{min-height:3.2rem;font-size:1.05rem;width:100%}[hidden]{display:none!important}
