/* Uzbekistan Observer Telegram Subscribe — isolated styling, no framework or external fonts. */
.uotg, .uotg * { box-sizing: border-box; }
.uotg { --uotg-ink:#10382e; --uotg-accent:#97253a; font-family:inherit; text-align:left; direction:ltr; }
.uotg[hidden], .uotg [hidden] { display:none !important; }
.uotg-card { display:grid; grid-template-columns:minmax(0,1fr) 185px; gap:20px; position:relative; width:100%; min-width:0; overflow:hidden; margin:38px 0 30px; padding:32px 30px 29px; border:1px solid #e8e4d9; border-top:3px solid var(--uotg-accent); border-radius:10px; background:#faf9f5; color:var(--uotg-ink); box-shadow:0 12px 30px rgba(19,41,36,.045); isolation:isolate; }
.uotg-card::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:auto -70px -140px auto; width:310px; height:310px; border-radius:50%; background:radial-gradient(circle,rgba(174,188,164,.18) 0%,rgba(174,188,164,0) 70%); }
.uotg-card__copy { align-self:center; min-width:0; position:relative; z-index:1; }
.uotg-card__eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:var(--uotg-accent); font-size:10px; line-height:1.4; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; }
.uotg-card__eyebrow-line { width:21px; height:2px; background:currentColor; flex:none; }
.uotg h3.uotg-card__title { margin:0 0 10px !important; padding:0 !important; border:0 !important; background:none !important; color:var(--uotg-ink) !important; font-family:inherit !important; font-size:clamp(22px, 2.35vw, 29px) !important; line-height:1.19 !important; letter-spacing:-.65px !important; font-weight:750 !important; text-transform:none !important; }
.uotg-card__text { max-width:500px; margin:0 0 19px !important; padding:0 !important; color:#58665f !important; font-family:inherit; font-weight:400; font-size:14px; line-height:1.7 !important; }
.uotg-card__actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 15px; }
.uotg a.uotg-button, .uotg a.uotg-button:visited { display:inline-flex !important; justify-content:center; align-items:center; gap:9px; min-height:45px; max-width:100%; padding:12px 17px !important; border:0 !important; border-radius:5px !important; color:#fff !important; background:var(--uotg-ink) !important; box-shadow:none !important; font-size:12px !important; font-family:inherit !important; font-weight:800 !important; letter-spacing:.1px; line-height:1.2 !important; text-decoration:none !important; text-transform:none !important; transition:filter .18s ease, transform .18s ease !important; cursor:pointer; }
.uotg a.uotg-button:hover, .uotg a.uotg-button:focus-visible { color:#fff !important; background:var(--uotg-ink) !important; filter:brightness(1.19); transform:translateY(-1px); text-decoration:none !important; }
.uotg a.uotg-button:focus-visible, .uotg a.uotg-float__link:focus-visible, .uotg button.uotg-float__close:focus-visible { outline:3px solid #4c95cb !important; outline-offset:3px; }
.uotg-button svg { display:block; flex:none; }
.uotg-button__arrow { font-size:16px; line-height:1; opacity:.7; margin-left:2px; }
.uotg-card__small { color:#738077; font-size:10px; font-weight:750; letter-spacing:.75px; white-space:nowrap; }
.uotg-card__visual { position:relative; align-self:stretch; display:flex; align-items:center; justify-content:center; min-height:140px; }
.uotg-card__ring { position:absolute; width:164px; height:164px; border:1px solid rgba(25,74,56,.11); border-radius:50%; }
.uotg-card__ring--two { width:202px; height:202px; border-color:rgba(25,74,56,.07); }
.uotg-card__roundel { width:112px; height:112px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:50%; background:#fff; box-shadow:0 6px 25px rgba(19,48,37,.1); color:var(--uotg-ink); position:relative; z-index:1; }
.uotg-card__roundel img { display:block; width:100%; height:100%; object-fit:contain; border-radius:50%; }
.uotg-card__plane { position:absolute; right:0; bottom:13%; width:59px; height:59px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--uotg-accent); color:white; z-index:2; transform:rotate(-10deg); box-shadow:0 5px 18px rgba(121,25,51,.16); }
.uotg-inline { display:inline-flex; vertical-align:middle; }
.uotg-float { position:fixed; right:24px; bottom:24px; z-index:900; width:316px; max-width:calc(100vw - 32px); margin:0 !important; padding:20px 20px 18px; background:#fff; border:1px solid #e2e7e1; border-top:3px solid var(--uotg-accent); border-radius:10px; box-shadow:0 14px 48px rgba(18,31,31,.19),0 2px 6px rgba(18,31,31,.07); color:var(--uotg-ink); opacity:0; transform:translateY(16px); transition:opacity .3s ease,transform .3s ease; }
.uotg-float.is-visible { opacity:1; transform:translateY(0); }
.uotg-float__top { display:flex; gap:11px; align-items:center; margin-bottom:13px; }
.uotg-float__icon { flex:none; display:flex; justify-content:center; align-items:center; overflow:hidden; border:1px solid #e4e6e0; width:44px; height:44px; border-radius:50%; background:#f5f7f2; color:var(--uotg-ink); }
.uotg-float__icon img { width:100%; height:100%; display:block; object-fit:contain; }
.uotg-float__eyebrow { font-size:10px; font-weight:800; letter-spacing:1.1px; color:var(--uotg-accent); padding-right:20px; }
.uotg-float h3.uotg-float__title { margin:0 0 7px !important; padding:0 !important; background:none !important; color:var(--uotg-ink) !important; font-size:19px !important; font-family:inherit !important; font-weight:800 !important; line-height:1.25 !important; letter-spacing:-.25px; text-transform:none !important; }
.uotg-float__text { font-size:13px !important; color:#627067 !important; line-height:1.55 !important; margin:0 0 16px !important; }
.uotg a.uotg-float__link,.uotg a.uotg-float__link:visited { display:flex !important; align-items:center; justify-content:center; gap:10px; width:100%; min-height:42px; padding:11px 14px !important; background:var(--uotg-ink) !important; color:#fff !important; font-size:12px !important; font-family:inherit !important; font-weight:800 !important; border-radius:5px !important; text-decoration:none !important; line-height:1.4 !important; box-shadow:none !important; }
.uotg a.uotg-float__link:hover,.uotg a.uotg-float__link:focus-visible { background:var(--uotg-ink) !important; color:white !important; filter:brightness(1.18); text-decoration:none !important; }
.uotg-float__link svg { flex:none; }
.uotg-float__link span:last-child { margin-left:auto; font-size:15px; opacity:.8; }
.uotg button.uotg-float__close { appearance:none !important; position:absolute; top:11px; right:10px; z-index:1; display:flex; align-items:center; justify-content:center; border:0 !important; padding:0 !important; width:31px; height:31px; min-height:0; background:transparent !important; color:#86918a !important; border-radius:50% !important; font-size:23px; font-weight:400; line-height:1; box-shadow:none !important; cursor:pointer; }
.uotg button.uotg-float__close:hover { background:#eef0ed !important; color:var(--uotg-ink) !important; }
@media(max-width:780px) {
  .uotg-card { grid-template-columns:minmax(0,1fr) 104px; gap:8px; padding:24px 20px; }
  .uotg-card__visual { min-height:110px; }
  .uotg-card__ring { width:110px; height:110px; }
  .uotg-card__ring--two { width:146px; height:146px; }
  .uotg-card__roundel { width:82px; height:82px; }
  .uotg-card__plane { width:40px; height:40px; bottom:12%; right:-5px; }
  .uotg-card__plane svg { width:25px; height:25px; }
}
@media(max-width:780px) {
  .uotg-card { display:block; padding:23px 19px 22px; margin:29px 0; border-radius:8px; }
  .uotg-card__eyebrow { font-size:9px; }
  .uotg h3.uotg-card__title { font-size:23px !important; }
  .uotg-card__text { font-size:13px !important; }
  .uotg-card__visual { display:none; }
  .uotg-card__small { font-size:9px; }
  .uotg-float:not([data-mobile-enabled="1"]) { display:none !important; }
  .uotg-float[data-mobile-enabled="1"] { width:auto; max-width:none; left:12px; right:12px; bottom:12px; padding:13px 14px 12px; }
  .uotg-float[data-mobile-enabled="1"] .uotg-float__icon { width:34px; height:34px; }
  .uotg-float[data-mobile-enabled="1"] .uotg-float__top { margin-bottom:6px; }
  .uotg-float[data-mobile-enabled="1"] .uotg-float__text { display:none; }
  .uotg-float[data-mobile-enabled="1"] h3.uotg-float__title { font-size:16px !important; margin:0 0 10px !important; }
}
@media(prefers-reduced-motion:reduce) { .uotg,.uotg * { transition:none !important; animation:none !important; } }
