/* Такси: виджет на главной (2026-10-20). Всегда тёмная карточка, одинаково читается в обеих темах. */
.txw{position:relative;overflow:hidden;margin:clamp(14px,2vw,22px) 0;padding:clamp(16px,2.2vw,26px);border-radius:calc(var(--radius,18px) + 4px);color:#eaf2ff;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);align-items:center;
  background:radial-gradient(90% 130% at 100% 0,rgba(255,176,32,.36),transparent 55%),radial-gradient(80% 120% at 0 100%,rgba(25,186,255,.4),transparent 55%),linear-gradient(160deg,#0b1a38,#060d1e);
  border:1px solid rgba(120,170,255,.22);box-shadow:0 26px 60px -38px rgba(10,80,200,.9)}
.txw::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(140,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(140,180,255,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(110% 90% at 80% 20%,#000,transparent 75%);-webkit-mask-image:radial-gradient(110% 90% at 80% 20%,#000,transparent 75%);pointer-events:none}
.txw>*{position:relative;z-index:1}
.txw svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.txw__badge{display:inline-flex;align-items:center;gap:9px;font:700 12px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.09em;text-transform:uppercase;color:#ffd27d}
.txw__badge svg{width:20px;height:20px;filter:drop-shadow(0 0 6px rgba(255,190,60,.9))}
.txw h2{margin:9px 0 8px;font:900 clamp(20px,2.4vw,27px)/1.18 var(--font-display,system-ui);color:#fff;letter-spacing:-.015em}
.txw p{margin:0 0 14px;max-width:560px;color:#9db6df;font-size:clamp(14px,1.4vw,15.5px);line-height:1.6}
.txw a.txw__more{display:inline-flex;align-items:center;gap:8px;color:#ffd27d;text-decoration:none;font:800 14px/1 var(--font-display,system-ui);border-bottom:1px solid rgba(255,210,125,.45);padding-bottom:3px}
.txw a.txw__more:hover{color:#fff;border-color:#fff}
.txw__t{display:block;margin:0 0 10px;font:700 13px/1.2 var(--font-display,system-ui);color:#9db6df}
.txw__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.txw a.txw__join{position:relative;z-index:0;display:flex;align-items:center;gap:11px;padding:14px 16px;border-radius:16px;color:#fff;text-decoration:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%) -100% 0/50% 100% no-repeat,linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 12px 26px -12px var(--c1),0 0 0 1px rgba(255,255,255,.14) inset;animation:txwBeat 2.2s ease-in-out infinite,txwShine 3.6s ease-in-out 1s infinite}
.txw a.txw__join:nth-child(2){animation-delay:.25s}.txw a.txw__join:nth-child(3){animation-delay:.5s}.txw a.txw__join:nth-child(4){animation-delay:.75s}
.txw__join>svg{flex:none;width:22px;height:22px;stroke-width:2}
.txw__lbl{display:grid;gap:3px;min-width:0}
.txw__lbl b{font:900 16px/1.1 var(--font-display,system-ui);letter-spacing:-.005em}
.txw__lbl small{font:700 12px/1.2 var(--font-display,system-ui);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txw__ring{position:absolute;inset:-2px;border-radius:18px;border:2px solid var(--c1);z-index:-1;animation:txwRing 1.8s ease-out infinite}
.txw a.txw__join:hover{filter:brightness(1.12);animation-play-state:paused}
.txw a.txw__join:active{transform:scale(.97)}
@keyframes txwBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes txwRing{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.1,1.35);opacity:0}}
@keyframes txwShine{0%,55%{background-position:-100% 0,0 0}100%{background-position:200% 0,0 0}}
@media (max-width:820px){.txw{grid-template-columns:1fr}}
@media (max-width:420px){.txw__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.txw a.txw__join,.txw__ring{animation:none}.txw__ring{opacity:.5}}