.otz{--brand:#0078c2;--brand-deep:#005a91;--pink:#e33299;--pink-soft:#fbe4f2;--gold:#ffb400;--gold-deep:#f59e0b;--bg:#fbf6fa;--surface:#fff;--surface-2:#fdf9fc;--ink:#221f2b;--muted:#6d6a7a;--line:#efe6ee;--shadow:0 10px 34px -18px rgba(60,20,70,.35);--shadow-lg:0 24px 60px -28px rgba(60,20,70,.45);--yandex:#f33;--r:22px;--maxw:1120px;--otz-font:"Segoe UI Variable Display" , "Segoe UI" , system-ui , -apple-system , "Helvetica Neue" , Arial , sans-serif;background:var(--bg);color:var(--ink);font-family:var(--otz-font);line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:1px}.otz *{box-sizing:border-box}.otz .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.otz h1,.otz h2,.otz h3{margin:0;line-height:1.1;text-wrap:balance;letter-spacing:-.02em;color:var(--ink)}.otz a{color:inherit}.otz .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}.otz .hero{position:relative;overflow:hidden;padding:52px 0 40px}.otz .hero:before,.otz .hero:after{content:"";position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;pointer-events:none}.otz .hero:before{width:220px;height:220px;background:radial-gradient(circle,var(--pink),transparent 70%);top:-60px;right:6%}.otz .hero:after{width:260px;height:260px;background:radial-gradient(circle,var(--brand),transparent 70%);bottom:-120px;left:-40px;opacity:.35}.otz .confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.otz .confetti i{position:absolute;width:9px;height:9px;border-radius:2px;opacity:.7;animation:otzFloat 7s ease-in-out infinite}@keyframes otzFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(35deg)}}@media (prefers-reduced-motion:reduce){.otz .confetti i{animation:none}}.otz .hero-head{text-align:center;position:relative;z-index:1;margin-bottom:34px}.otz .hero-head h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:800}.otz .hero-head p{color:var(--muted);font-size:1.1rem;margin:14px auto 0;max-width:56ch}.otz .rating-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:26px 32px}.otz .score{display:flex;flex-direction:column;align-items:center;gap:4px;padding-right:30px;border-right:1px solid var(--line)}.otz .score b{font-size:3.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--brand),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.otz .score .of{font-size:.8rem;color:var(--muted);font-weight:600}.otz .stars{display:inline-flex;gap:3px}.otz .stars svg{width:20px;height:20px}.otz .rating-mid .stars svg{width:24px;height:24px}.otz .rating-mid{display:flex;flex-direction:column;gap:8px}.otz .rating-mid .counts{color:var(--muted);font-size:1rem}.otz .rating-mid .counts b{color:var(--ink)}.otz .source{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);margin-top:2px}.otz .ya-logo{display:inline-flex;align-items:center;gap:6px;font-weight:800;letter-spacing:-.02em}.otz .ya-logo .yy{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--yandex);color:#fff;font-size:15px;font-weight:800}.otz .cta-col{display:flex;flex-direction:column;gap:10px}.otz .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.98rem;padding:13px 22px;border-radius:14px;text-decoration:none;transition:.18s transform , .18s box-shadow , .18s background;color:#fff}.otz .btn:hover{transform:translateY(-2px)}.otz .btn-pink{background:linear-gradient(135deg,var(--pink),#c8228a);color:#fff;box-shadow:0 12px 24px -12px var(--pink)}.otz .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.otz .btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.otz .btn-blue{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 12px 24px -12px var(--brand)}.otz .block{padding:52px 0}.otz .sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;align-items:center;text-align:center}.otz .sec-head h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800}.otz .sec-head p{color:var(--muted);margin:0;max-width:60ch}.otz .media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px}.otz .media-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden}.otz .media-card:before{content:"\201C";position:absolute;top:-18px;right:14px;font-size:120px;font-weight:800;color:var(--pink);opacity:.08;font-family:Georgia,serif;line-height:1}.otz .media-top{display:flex;align-items:center;gap:14px}.otz .avatar{width:56px;height:56px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.15rem;box-shadow:var(--shadow);background-size:cover;background-position:center;overflow:hidden}.otz .media-name{font-weight:800;font-size:1.06rem}.otz .tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:3px 9px;border-radius:999px;margin-top:5px}.otz .media-card p.body{margin:0;color:var(--ink);font-size:.97rem;opacity:.92;white-space:pre-line}.otz .clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.otz .readmore{align-self:flex-start;background:none;border:none;color:var(--pink);font-weight:700;cursor:pointer;padding:0;font-size:.9rem;font-family:inherit}.otz .live-band{background:linear-gradient(180deg,var(--surface-2),transparent 60%)}.otz .live-note{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:.85rem;color:var(--muted);box-shadow:var(--shadow);margin:0 auto}.otz .pulse{width:9px;height:9px;border-radius:50%;background:#22c55e;position:relative;flex:0 0 auto}.otz .pulse:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #22c55e;opacity:.5;animation:otzPulse 2s ease-out infinite}@keyframes otzPulse{to{transform:scale(2.2);opacity:0}}@media (prefers-reduced-motion:reduce){.otz .pulse:before{animation:none}}.otz .live-grid{columns:3 300px;column-gap:22px;margin-top:8px}.otz .review{break-inside:avoid;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:22px;position:relative}.otz .review .rv-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.otz .rv-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:800;background-size:cover;background-position:center;overflow:hidden}.otz .rv-name{font-weight:700;font-size:1rem}.otz .rv-date{font-size:.82rem;color:var(--muted)}.otz .review .stars{margin-bottom:10px}.otz .review .stars svg{width:16px;height:16px}.otz .rv-text{margin:0;font-size:.95rem;color:var(--ink);opacity:.9;white-space:pre-line}.otz .rv-ya{position:absolute;top:20px;right:20px;width:22px;height:22px;border-radius:6px;background:var(--yandex);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}.otz .live-footer{display:flex;justify-content:center;margin-top:14px}.otz .final{max-width:var(--maxw);margin:20px auto 70px;padding:0 20px}.otz .final-inner{background:linear-gradient(135deg,var(--brand),var(--pink));border-radius:28px;padding:44px 32px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.otz .final-inner h2{font-size:clamp(1.6rem,3.5vw,2.4rem);color:#fff}.otz .final-inner p{opacity:.92;margin:12px auto 22px;max-width:52ch;color:#fff}.otz .final .btn-white{background:#fff;color:var(--brand-deep)}.otz .final .btn-white:hover{color:var(--pink)}@media (max-width:720px){.otz .rating-card{grid-template-columns:1fr;text-align:center;gap:20px;padding:24px}.otz .score{border-right:none;border-bottom:1px solid var(--line);padding:0 0 18px}.otz .rating-mid{align-items:center}.otz .cta-col{flex-direction:row;flex-wrap:wrap;justify-content:center}.otz .source{justify-content:center}}