:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color-scheme:light;--bg-0: #f7fafc;--bg-1: #ffffff;--text: #0f172a;--muted: rgba(15, 23, 42, .64);--border: rgba(15, 23, 42, .12);--accent-1: #6ea8ff;--accent-2: #9be7d8;--accent-3: #ffc2d4;--surface: linear-gradient(135deg, rgba(110, 168, 255, .2), rgba(255, 194, 212, .2));--surface-2: linear-gradient(135deg, rgba(155, 231, 216, .22), rgba(110, 168, 255, .18));--radius: 22px;--gap: clamp(16px, 2.6vw, 26px);--pad: clamp(18px, 3vw, 34px);--shadow: 0 14px 32px rgba(15, 23, 42, .1);--shadow-hover: 0 20px 44px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html,body{height:100%}html{font-size:18px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);background-image:linear-gradient(#00000080,#00000080),url(/assets/bg-CzR90DwT.png)}.page{min-height:100svh;padding:var(--pad);max-width:1280px;margin:0 auto}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:26px}.app-header__left{justify-self:start;min-width:140px}.app-header__center{justify-self:center;text-align:center}.app-header__right{justify-self:end;min-width:140px}.back{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0f172ae0;font-weight:800;padding:10px 12px;border-radius:14px}.back:hover{background:#ffffffa6;box-shadow:0 10px 22px #0f172a14}.title{margin:0;font-weight:950;font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.02em}.subtitle{margin:0;font-weight:950;font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.01em}.cards{display:flex;justify-content:center;gap:var(--gap);flex-wrap:wrap;max-width:1200px;margin:0 auto}.page:has(.center-cards){display:flex;flex-direction:column}.page--center-cards{display:flex;flex-direction:column}.center-cards{flex:1;display:flex;align-items:center;justify-content:center}.home-center{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.card{height:clamp(190px,24vw,240px);border-radius:var(--radius);border:1px solid var(--border);background:#eee;box-shadow:var(--shadow);width:320px;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#0f172aeb;font-weight:950;font-size:clamp(24px,3.2vw,34px);line-height:1.2;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.card:active{transform:translateY(-2px)}.small-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.small-card{padding:22px 14px;border-radius:18px;border:1px solid var(--border);background:#31c9ef;box-shadow:var(--shadow);text-decoration:none;text-align:center;color:#000000eb;font-weight:950;font-size:20px;line-height:1.2;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent}.small-card:hover{background:#ffffffdb;transform:translateY(-4px);box-shadow:var(--shadow-hover)}.vaziyat-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:6px}.panel{margin-top:18px;border-radius:18px;border:1px solid var(--border);background:#ffffffdb;box-shadow:var(--shadow);padding:24px}.panel-title{margin:0 0 12px;font-weight:950;font-size:18px;color:#0f172aeb}.panel-text{white-space:pre-line;margin:0;font-size:20px;line-height:1.75;font-weight:700;color:#0f172ad9}.panel--answer{background:linear-gradient(135deg,#9be7d838,#ffffffe0)}.info-btn{width:48px;height:48px;border-radius:999px;border:1px solid var(--border);background:#ffffffeb;color:#0f172aeb;font-weight:950;font-size:22px;cursor:pointer;box-shadow:0 12px 24px #0f172a1a;-webkit-tap-highlight-color:transparent}.info-btn--open{background:#9be7d859}.card:focus-visible,.small-card:focus-visible,.back:focus-visible,.info-btn:focus-visible{outline:3px solid rgba(110,168,255,.55);outline-offset:4px}@media(max-width:420px){.app-header{grid-template-columns:auto 1fr}.app-header__right{display:none}.app-header__left{min-width:auto}}.image-wrap{width:100%;max-width:980px;margin:0 auto 18px;padding:14px;border-radius:18px;background:#ffffffeb;border:1px solid rgba(15,23,42,.12);box-shadow:0 16px 36px #0f172a1a}.image-wrap img{width:100%;height:auto;max-height:min(520px,55vh);object-fit:contain;display:block;border-radius:12px}h1{color:#fff}