:root {
  --blue:#1a56e8; --blue-hover:#1441c0; --blue-light:#eef3ff; --text:#0b1733;
  --muted:#4a5978; --border:#c9d8ff; --bg:#f5f8ff; --surface:#fff;
  --green:#16a34a; --mono:'JetBrains Mono',monospace; --sans:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans)}
body::before{content:'';position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(26,86,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,86,232,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(245,248,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-inner{width:100%;min-height:78px;padding:0 48px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
.nav-logo{grid-column:1;display:flex;align-items:center;gap:12px;justify-self:start}.nav-logo-icon{width:46px;height:46px;display:grid;place-items:center;overflow:hidden}.nav-logo-icon img{width:100%;height:100%;object-fit:contain;transform:scale(1.65)}
.nav-logo-text{display:flex;flex-direction:column;gap:2px}.nav-logo-text strong{font:700 14px var(--mono)}.nav-logo-text small{color:var(--muted);font:500 11px var(--mono)}
.nav-links{grid-column:2;display:flex;align-items:center;justify-content:center;gap:5px}.nav-link{padding:9px 11px;border-radius:7px;color:var(--muted);font:600 11px var(--mono);transition:.2s}.nav-link:hover,.nav-link.active{background:var(--blue-light);color:var(--blue)}
.button{min-height:42px;padding:11px 16px;border:1px solid var(--border);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--text);font:600 11px var(--mono);transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);border-color:#aac1f7;box-shadow:0 10px 25px rgba(11,23,51,.08)}.button-primary{border-color:var(--blue);background:var(--blue);color:#fff}.button-primary:hover{border-color:var(--blue-hover);background:var(--blue-hover)}.button svg{width:15px;height:15px}.nav-profile{grid-column:3;justify-self:end}
main{position:relative;width:min(1180px,calc(100% - 56px));min-height:calc(100vh - 150px);margin:0 auto;padding:64px 0 88px}
.catalog-hero{position:relative;min-height:280px;padding:36px 38% 38px 0;display:flex;align-items:center;overflow:hidden}.eyebrow,.section-label{color:var(--blue);font:600 10px var(--mono);letter-spacing:.02em}.catalog-hero h1{max-width:760px;margin-top:13px;font-size:clamp(42px,5.5vw,64px);font-weight:900;line-height:.98;letter-spacing:-2.8px}.lead{max-width:650px;margin-top:20px;color:var(--muted);font-size:15px;line-height:1.75}
.hero-art{position:absolute;right:25px;top:20px;width:290px;height:240px}.hero-art::before{content:'';position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle,rgba(26,86,232,.16),rgba(26,86,232,0) 70%)}.hero-art-building{position:absolute;right:54px;top:52px;width:138px;height:138px;border:1px solid rgba(26,86,232,.15);border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(231,238,255,.8));color:var(--blue);transform:rotate(5deg);box-shadow:0 26px 55px rgba(26,86,232,.13)}.hero-art-building svg{width:68px;height:68px;stroke-width:1.25}.hero-art-dot{position:absolute;border-radius:50%;background:var(--blue);opacity:.18}.dot-one{width:22px;height:22px;left:20px;top:42px}.dot-two{width:13px;height:13px;right:18px;bottom:36px}
.toolbar{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;margin:12px 0 22px;padding:11px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 15px 38px rgba(11,23,51,.045);backdrop-filter:blur(10px)}
.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:14px;width:17px;color:#7180a0}.search-box input{width:100%;height:46px;padding:0 14px 0 43px;border:1px solid #d8e1f5;border-radius:9px;outline:none;background:#f9fbff;color:var(--text);font:500 13px var(--sans);transition:.2s}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,86,232,.1)}.search-box input::placeholder{color:#8390aa}
.filters{display:flex;gap:7px}.filter{min-height:46px;padding:0 16px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted);cursor:pointer;font:600 10px var(--mono);white-space:nowrap;transition:.2s}.filter:hover{border-color:#a7bff9;color:var(--blue)}.filter.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(26,86,232,.16)}
.catalog-summary{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:500 10px var(--mono)}.verified-note{display:flex;align-items:center;gap:7px}.verified-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,74,.1)}
.organization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.organization-card{position:relative;min-height:390px;padding:22px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(11,23,51,.045);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.organization-card::after{content:'';position:absolute;inset:-60% -120%;pointer-events:none;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.75) 50%,transparent 57%);transform:translateX(-45%);transition:transform .8s}.organization-card:hover{transform:translateY(-6px);border-color:#a9c1fb;box-shadow:0 24px 55px rgba(11,23,51,.1)}.organization-card:hover::after{transform:translateX(45%)}.organization-card.featured::before{content:'Tavsiya etilgan';position:absolute;right:18px;top:18px;z-index:2;padding:5px 8px;border:1px solid #f0d69b;border-radius:6px;background:#fff9e9;color:#a76100;font:700 8px var(--mono)}
.card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.organization-logo{position:relative;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 8%,#fff),#fff);color:var(--brand);font:800 17px var(--mono)}.organization-logo.card{width:74px;height:74px;border-radius:16px}.organization-logo.logo-detail{width:108px;height:108px;border-radius:22px}.organization-logo img{width:100%;height:100%;padding:8px;object-fit:contain}.organization-logo.logo-detail img{padding:10px}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;background:var(--blue-light);color:var(--blue);font:600 8px var(--mono);text-transform:uppercase}.type-badge svg{width:13px;height:13px}.featured .card-top{padding-right:105px}
.card-copy{position:relative;z-index:1;margin-top:22px}.card-copy h2{font-size:20px;font-weight:800;line-height:1.25;letter-spacing:-.4px}.region{margin-top:9px;display:flex;align-items:center;gap:6px;color:var(--muted);font:500 9px var(--mono)}.region svg{width:14px;height:14px;color:var(--blue)}.card-copy p{display:-webkit-box;margin-top:16px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.card-stats{position:relative;z-index:1;margin-top:auto;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.card-stats span{padding:7px 9px;border-radius:7px;background:#f2f6ff;color:var(--muted);font:500 9px var(--mono)}.card-stats b{color:var(--text);font-weight:700}.card-spacer{margin-top:auto}.card-button{position:relative;z-index:1;width:100%;margin-top:14px}.card-button span{font-size:15px;transition:transform .2s}.card-button:hover span{transform:translateX(3px)}
.empty-state{min-height:230px;padding:42px 20px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--border);border-radius:16px;background:rgba(255,255,255,.66);color:var(--muted);text-align:center;font:500 11px var(--mono)}.empty-state b{color:var(--text);font:700 15px var(--sans)}.empty-state .button{margin-top:12px}
.detail{display:none}.detail.visible{display:block}.catalog.hidden{display:none}.back-button{margin-bottom:22px}.organization-hero{position:relative;min-height:230px;padding:44px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(130deg,#fff 0%,#fff 62%,color-mix(in srgb,var(--org-primary,#1a56e8) 8%,#fff) 100%);box-shadow:0 22px 60px rgba(11,23,51,.07)}.organization-identity{position:relative;z-index:2;display:flex;align-items:center;gap:28px}.organization-identity h1{max-width:740px;margin-top:12px;font-size:clamp(38px,5vw,58px);font-weight:900;line-height:1;letter-spacing:-2px}.organization-identity p{margin-top:12px;color:var(--muted);font-size:14px}.organization-identity .type-badge{color:var(--org-primary,var(--blue));background:color-mix(in srgb,var(--org-primary,var(--blue)) 9%,#fff)}.hero-watermark{position:absolute;right:-55px;bottom:-70px;color:var(--org-primary,var(--blue));opacity:.065;transform:rotate(-7deg)}.hero-watermark svg{width:290px;height:290px;stroke-width:.8}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-top:18px}.detail-panel{padding:28px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 14px 38px rgba(11,23,51,.04)}.detail-panel h2{margin-top:8px;font-size:22px;font-weight:800;letter-spacing:-.4px}.about-copy{max-width:720px;margin-top:14px;color:var(--muted);font-size:14px;line-height:1.8}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.detail-stats div{padding:20px;border:1px solid #d7e2fb;border-radius:12px;background:linear-gradient(145deg,#f8faff,#fff);text-align:center}.detail-stats b{display:block;color:var(--org-primary,var(--blue));font:800 27px var(--mono)}.detail-stats span{display:block;margin-top:5px;color:var(--muted);font:600 9px var(--mono);text-transform:uppercase}.social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.contact-list{display:grid;gap:9px;margin-top:17px}.contact-row{min-height:60px;padding:10px 12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;background:#f2f6ff;transition:.2s}.contact-row:hover{border-color:#b9cdfc;background:#fff}.contact-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d2def8;border-radius:9px;background:#fff;color:var(--blue)}.contact-icon svg{width:16px;height:16px}.contact-row small{display:block;color:var(--muted);font:500 8px var(--mono);text-transform:uppercase}.contact-row b{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:12px;font-weight:650}.contact-row i{color:var(--blue);font-style:normal}.profile-button{width:100%;margin-top:16px}.no-contact{padding:18px;border-radius:10px;background:#f2f6ff;color:var(--muted);font-size:12px;line-height:1.6}.testimonials-panel{margin-top:18px}.testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.quote{padding:20px;border:1px solid #dce5f8;border-radius:12px;background:#f9fbff}.quote p{color:var(--muted);font-size:13px;line-height:1.75}.quote b{display:block;margin-top:14px;font-size:12px}.quote small{display:block;margin-top:3px;color:var(--blue);font:600 9px var(--mono)}
footer{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:25px 0 35px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font:500 9px var(--mono)}
@media(max-width:960px){.nav-inner{padding:0 24px}.nav-links{display:none}.catalog-hero{padding-right:28%}.hero-art{right:-65px;opacity:.65}.organization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}}
@media(max-width:640px){.nav-inner{min-height:68px;padding:0 15px;gap:10px}.nav-logo-icon{width:42px;height:42px}.nav-logo-text small{display:none}.nav-logo-text strong{font-size:11px}.nav-profile{width:42px;min-height:42px;padding:0;font-size:0}.nav-profile svg{width:16px;height:16px}main{width:min(100% - 24px,1180px);padding:34px 0 64px}.catalog-hero{min-height:auto;padding:20px 0 30px}.catalog-hero h1{font-size:clamp(36px,12vw,48px);letter-spacing:-1.8px}.lead{font-size:14px}.hero-art{display:none}.toolbar{grid-template-columns:1fr;margin-top:6px}.filters{overflow-x:auto;padding-bottom:2px}.filter{flex:0 0 auto;padding:0 14px}.catalog-summary{align-items:flex-start;gap:12px}.organization-grid{grid-template-columns:1fr}.organization-card{min-height:370px;padding:20px}.featured .card-top{padding-right:0}.organization-card.featured::before{top:86px}.organization-hero{min-height:0;padding:26px}.organization-identity{align-items:flex-start;flex-direction:column;gap:20px}.organization-logo.logo-detail{width:88px;height:88px}.organization-identity h1{font-size:36px;letter-spacing:-1.2px}.hero-watermark{right:-85px}.detail-panel{padding:22px}.detail-stats,.testimonials{grid-template-columns:1fr}.contact-row{grid-template-columns:36px minmax(0,1fr) auto}footer{width:min(100% - 24px,1180px);align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}