:root{--ink:#0b1f35;--blue:#075faf;--blue-dark:#064b88;--line:#d7e1ea;--soft:#f5f8fa;--muted:#617487}.yu-catalog-page{background:#fff!important}.catalog-shell{width:min(1180px,calc(100% - 32px));margin:auto}.catalog-kicker{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.catalog-hero{border-bottom:1px solid var(--line);background:linear-gradient(115deg,#f1f6fa,#fff 60%,#edf7fa)}.catalog-hero__grid{display:grid;grid-template-columns:1.1fr .75fr;gap:64px;align-items:center;padding:68px 0}.catalog-hero h1{max-width:720px;margin-top:14px;color:var(--ink);font-size:clamp(2.5rem,4.8vw,4.35rem);font-weight:780;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.catalog-lead{max-width:650px;margin-top:24px;color:#516476;font-size:1.08rem;line-height:1.68}.catalog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.catalog-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;padding:11px 20px;font-weight:750;transition:.18s}.catalog-button.primary{background:var(--blue);color:#fff}.catalog-button.primary:hover{background:var(--blue-dark)}.catalog-button.secondary{border-color:#9babb9;background:#fff;color:var(--ink)}.catalog-button.secondary:hover{border-color:var(--blue);color:var(--blue)}.catalog-facts{display:flex;gap:28px;margin-top:38px}.catalog-facts div{border-left:2px solid #b8c8d6;padding-left:13px}.catalog-facts dt{color:var(--ink);font-size:1.3rem;font-weight:850}.catalog-facts dd{color:#718293;font-size:.72rem}.catalog-start{border:1px solid #c7d4df;border-top:4px solid var(--blue);border-radius:8px;background:#fff;padding:27px;box-shadow:0 25px 60px -45px #102a43}.catalog-start__head{display:flex;align-items:center;gap:12px}.catalog-start__head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e8f2fb;color:var(--blue);font-weight:850}.catalog-start__head strong,.catalog-start__head small{display:block}.catalog-start__head strong{color:var(--ink)}.catalog-start__head small{margin-top:3px;color:#748596}.catalog-start form{margin-top:20px}.catalog-start label,.field label{display:block;margin-bottom:7px;color:#425568;font-size:.73rem;font-weight:750}.search-box{display:grid;grid-template-columns:20px 1fr auto;align-items:center;border:1px solid #aebdca;border-radius:5px;padding-left:12px}.search-box svg{width:18px;color:#718395}.search-box input{min-width:0;border:0!important;padding:12px 8px!important;box-shadow:none!important}.search-box button{align-self:stretch;background:var(--blue);padding:0 15px;color:#fff;font-weight:750}.quick-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.quick-topics a{border-radius:999px;background:#eef3f7;padding:6px 9px;color:#415568;font-size:.69rem;font-weight:700}.verified{margin-top:20px;border-top:1px solid #e2e9ef;padding-top:15px;color:#54717a;font-size:.71rem}.directions,.personal{padding:56px 0;border-bottom:1px solid var(--line)}.section-head,.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head h2,.catalog-heading h1{margin-top:6px;color:var(--ink);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;letter-spacing:-.03em}.section-head>a,.catalog-heading>a{color:var(--blue);font-size:.8rem;font-weight:750}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.direction{display:grid;grid-template-columns:42px 1fr 18px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:17px;color:var(--ink)}.direction:hover{border-color:#88a8c3;background:#f9fbfd}.direction-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:6px;background:#e9f2fa;color:var(--blue)}.direction-icon svg{width:22px}.direction strong,.direction small{display:block}.direction small{margin-top:3px;color:#758696;font-size:.68rem}.direction>b{color:#7e90a1}.catalog-main{padding:62px 0 72px;background:#f6f8fa}.catalog-heading>div>p:last-child{margin-top:9px;color:var(--muted);font-size:.86rem}.filters{display:grid;grid-template-columns:1.7fr repeat(3,1fr) auto;gap:11px;align-items:end;margin-top:26px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:17px}.field input,.field select{min-height:44px!important;border:1px solid #bdc9d4!important;border-radius:5px!important;background:#fff!important;padding:9px 11px!important;font-size:.82rem!important;box-shadow:none!important}.filter-submit{min-height:44px;border-radius:5px;background:var(--blue);padding:10px 17px;color:#fff;font-size:.82rem;font-weight:780}.more-filters{grid-column:1/-1;border-top:1px solid #e3e9ef;padding-top:11px}.more-filters summary{cursor:pointer;list-style:none;color:#526678;font-size:.75rem;font-weight:750}.more-filters>div{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:11px;align-items:end;margin-top:13px}.save-filter{min-height:44px;border:1px solid #aebdca;border-radius:5px;padding:9px 14px;color:#31485c;font-size:.75rem;font-weight:750}.saved-filter{display:flex;gap:12px;margin-top:13px;border-left:3px solid #087f8c;background:#edf7f7;padding:11px 13px;color:#34545a;font-size:.75rem}.saved-filter a{color:var(--blue);font-weight:750}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:27px}.course-card-clean{overflow:hidden;border:1px solid #d2dce5;border-radius:7px;background:#fff;transition:.18s}.course-card-clean:hover{border-color:#93a9bd;box-shadow:0 16px 36px -31px #102a43}.course-cover{position:relative;display:grid;aspect-ratio:16/9;overflow:hidden;place-items:center;background:linear-gradient(135deg,#0b3156,#0877dd);color:#fff}.course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.course-card-clean:hover img{transform:scale(1.025)}.course-cover>span{font-size:2.3rem;font-weight:900}.course-cover>b{position:absolute;top:11px;left:11px;border-radius:3px;background:#fff;padding:5px 8px;color:#193b56;font-size:.62rem}.course-body{display:flex;min-height:305px;flex-direction:column;padding:17px}.course-category{color:var(--blue);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-body h2{margin-top:7px;color:var(--ink);font-size:1.04rem;font-weight:800;line-height:1.35}.course-body h2 a:hover{color:var(--blue)}.course-description{display:-webkit-box;overflow:hidden;margin-top:8px;color:#5e7183;font-size:.78rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.teacher{margin-top:11px;color:#526476;font-size:.7rem;font-weight:650}.course-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;color:#687a8b;font-size:.66rem}.course-meta li+li:before{content:'·';margin-right:6px}.rating{display:flex;gap:7px;margin-top:11px}.rating span{color:#946300;font-size:.72rem;font-weight:800}.rating small{color:#7b8997;font-size:.66rem}.course-body footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #e4eaf0;padding-top:14px}.course-body footer strong{color:var(--ink);font-size:.88rem}.course-body footer a{color:var(--blue);font-size:.71rem;font-weight:800}.pagination{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:34px;color:#687a8b;font-size:.78rem}.pagination a{border:1px solid #b9c6d1;border-radius:5px;background:#fff;padding:8px 12px;color:var(--ink);font-weight:750}.catalog-empty{max-width:560px;margin:38px auto 0;border:1px dashed #a9b9c8;border-radius:8px;background:#fff;padding:45px;text-align:center}.catalog-empty h2{color:var(--ink);font-size:1.35rem;font-weight:800}.catalog-empty p{margin:7px 0 19px;color:#68798a}.personal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px}.personal-grid a{display:flex;min-height:145px;flex-direction:column;border:1px solid var(--line);border-radius:7px;padding:17px}.personal-grid a:hover{border-color:#8faac2}.personal-grid small{color:var(--blue);font-size:.63rem;font-weight:800}.personal-grid strong{margin-top:9px;color:var(--ink);font-size:.93rem;line-height:1.4}.personal-grid span{margin-top:auto;padding-top:14px;color:#687a8b;font-size:.69rem}.how{padding:58px 0;background:#0b233b;color:#fff}.how .catalog-kicker{color:#88cceb}.how h2{color:#fff}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:28px}.how li{display:flex;gap:14px}.how li>b{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border:1px solid #52708c;border-radius:50%;color:#9cd6ef}.how li p{margin-top:5px;color:#a9bac9;font-size:.78rem;line-height:1.55}@media(max-width:1024px){.catalog-hero__grid{grid-template-columns:1fr;gap:35px;padding:50px 0}.catalog-start{max-width:700px}.filters{grid-template-columns:repeat(2,1fr)}.filter-submit{grid-column:span 2}.course-grid{grid-template-columns:repeat(2,1fr)}.personal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.catalog-shell{width:calc(100% - 24px)}.catalog-hero__grid{padding:38px 0}.catalog-hero h1{font-size:2.4rem}.catalog-lead{font-size:.98rem}.catalog-facts{gap:12px}.catalog-start{padding:20px}.direction-grid,.course-grid,.how ol,.filters,.more-filters>div{grid-template-columns:1fr}.filter-submit{grid-column:auto}.section-head,.catalog-heading{align-items:flex-start;flex-direction:column}.personal-grid{grid-template-columns:1fr}.course-body{min-height:280px}}@media(max-width:420px){.catalog-actions{align-items:stretch;flex-direction:column}.catalog-button{width:100%}.catalog-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.search-box{grid-template-columns:20px 1fr}.search-box button{grid-column:1/-1;min-height:44px;margin-left:-12px}.directions,.catalog-main,.personal,.how{padding:44px 0}}


/* Restored live Yessenov hero */
.yu-live-hero {
        --yu-hero-brand:#0877dd;
        --yu-hero-brand-deep:#005fbd;
        --yu-hero-brand-light:#7dd3fc;
        --yu-hero-brand-glow:rgba(56,189,248,.78);
        position: relative;
        isolation: isolate;
        display: flex;
        min-height: calc(100svh - 112px);
        overflow: hidden;
        color: #fff;
        background:
            radial-gradient(ellipse at 16% 8%, rgba(255,255,255,.98) 0%, rgba(238,246,255,.9) 24%, rgba(185,217,255,.42) 46%, transparent 68%),
            radial-gradient(circle at 69% 42%, rgba(125,211,252,.36), transparent 34%),
            linear-gradient(128deg, #fff 0%, #eef6ff 24%, #b9d9ff 41%, #0877dd 63%, #061a3a 82%, #020817 100%);
    }
    .yu-live-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            radial-gradient(circle at 72% 42%, rgba(56,189,248,.2), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.1), rgba(2,8,23,.14));
        pointer-events: none;
    }
    .yu-live-hero__inner {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 48px 64px 64px;
        display: grid;
        grid-template-columns: minmax(420px, 600px) minmax(560px, 1fr);
        align-items: center;
        gap: clamp(20px, 3vw, 64px);
    }
    .yu-live-copy {
        position: relative;
        z-index: 10;
        min-width: 0;
        padding-top: 16px;
        animation: yu-hero-fade-up 1s cubic-bezier(.22,1,.36,1) both;
    }
    .yu-live-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #061a30;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .18em;
        text-transform: uppercase;
    }
    .yu-live-kicker::before {
        content: "";
        width: 30px;
        height: 2px;
        background: var(--yu-hero-brand);
        box-shadow: 0 0 16px var(--yu-hero-brand-glow);
    }
    .yu-live-heading {
        max-width: 620px;
        min-height: 154px;
        margin-top: 22px;
        color: #06111f;
        font-family: "TeX Gyre Heros", "Nimbus Sans", Arial, sans-serif;
        font-size: clamp(44px, 3.5vw, 58px);
        font-weight: 700;
        line-height: 1.03;
        letter-spacing: -.035em;
        text-wrap: balance;
    }
    .yu-live-heading__accent {
        color: #075fb5;
        text-shadow: 0 3px 28px rgba(8,119,221,.2);
    }
    .yu-live-heading__cursor {
        display: inline-block;
        width: 4px;
        height: .88em;
        margin-left: 5px;
        border-radius: 99px;
        background: var(--yu-hero-brand);
        box-shadow: 0 0 18px var(--yu-hero-brand-glow);
        vertical-align: -.05em;
        animation: yu-cursor-blink .78s steps(1,end) infinite;
    }
    .yu-live-heading.is-complete .yu-live-heading__cursor {
        animation: yu-cursor-away .35s ease forwards;
    }
    .yu-live-description {
        max-width: 570px;
        margin-top: 25px;
        color: rgba(6, 26, 48, .78);
        font-size: 17px;
        line-height: 1.7;
    }
    .yu-live-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
        opacity: 0;
        transform: translateY(18px);
        pointer-events: none;
    }
    .yu-live-actions.is-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
    }
    .yu-gradient-border {
        position: relative;
        display: inline-flex;
        border-radius: 12px;
        isolation: isolate;
    }
    .yu-gradient-border::before {
        content: "";
        position: absolute;
        inset: -3px;
        z-index: -1;
        padding: 3px;
        border-radius: 15px;
        background: linear-gradient(110deg, #005fbd, #7dd3fc, #ffffff, #0877dd, #005fbd);
        background-size: 260% 100%;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: yu-border-flow 3s linear infinite;
        pointer-events: none;
    }
    .yu-live-button {
        position: relative;
        display: inline-flex;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        overflow: hidden;
        border: 1px solid #005fbd;
        border-radius: 12px;
        background: #005fbd;
        padding: 14px 28px;
        color: #fff;
        font-size: 16px;
        font-weight: 750;
    }
    .yu-live-button::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        border-radius: inherit;
        background: var(--yu-hero-brand-deep);
        transform: translateX(101%);
        transition: transform .4s cubic-bezier(.22,1,.36,1);
    }
    .yu-live-button:hover::after,
    .yu-live-button:focus-visible::after {
        transform: translateX(0);
    }
    .yu-live-button > * {
        position: relative;
        z-index: 1;
    }
    .yu-live-button--secondary {
        border: 1px solid rgba(6,26,48,.24);
        background: rgba(255,255,255,.9);
        color: #061a30;
    }
    .yu-live-button--secondary::after {
        background: rgba(255,255,255,.96);
        transform: translateX(-101%);
    }
    .yu-orbit-stage {
        position: relative;
        z-index: 4;
        width: 610px;
        height: 610px;
        justify-self: center;
        animation: yu-stage-scale-in 1.2s .3s cubic-bezier(.22,1,.36,1) both;
    }
    .yu-orbit {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%,-50%);
        will-change: transform;
    }
    .yu-orbit::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        border: 1px solid rgba(186,230,253,.45);
    }
    .yu-orbit--one { width: 270px; height: 270px; animation: yu-orbit-left 30s linear infinite; }
    .yu-orbit--two { width: 410px; height: 410px; animation: yu-orbit-right 38s linear infinite; }
    .yu-orbit--three { width: 550px; height: 550px; animation: yu-orbit-left 46s linear infinite; }
    .yu-orbit.yu-orbit--one,
    .yu-orbit.yu-orbit--two,
    .yu-orbit.yu-orbit--three { animation: none; }
    .yu-orbit-core {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        display: grid;
        width: 148px;
        height: 148px;
        place-items: center;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 50%;
        background: #063969;
        box-shadow: inset 0 0 36px rgba(125,211,252,.12), 0 20px 48px rgba(3,25,55,.2);
        text-align: center;
        transform: translate(-50%,-50%);
    }
    .yu-orbit-core strong {
        display: block;
        font-family: "TeX Gyre Heros", Arial, sans-serif;
        font-size: 48px;
        line-height: .9;
        letter-spacing: -.05em;
    }
    .yu-orbit-core span {
        display: block;
        margin-top: 9px;
        color: rgba(255,255,255,.75);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    .yu-orbit-node {
        --node-size: 66px;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: grid;
        width: var(--node-size);
        height: var(--node-size);
        place-items: center;
        overflow: hidden;
        border: 2px solid rgba(255,255,255,.72);
        border-radius: 50%;
        background: linear-gradient(135deg, #fff, #b9d9ff);
        box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 36px var(--yu-hero-brand-glow);
        color: #061a30;
        font-size: 15px;
        font-weight: 900;
        transform: translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius));
        animation: yu-node-fly-in .9s var(--delay) cubic-bezier(.22,1,.36,1) both;
    }
    .yu-orbit-node img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .yu-orbit-node--square { border-radius: 20px; }
    .yu-orbit-node--large { --node-size: 84px; }
    .yu-orbit-node--blue { box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 38px rgba(56,189,248,.78); }
    .yu-orbit-node--gold { box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 38px rgba(125,211,252,.72); }
    .yu-orbit-node--deep-blue { box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 38px rgba(0,95,189,.82); }
    .yu-guide {
        position: fixed;
        right: clamp(24px, 4vw, 64px);
        bottom: 24px;
        z-index: 80;
        font-family: "TeX Gyre Heros", "Nimbus Sans", Arial, sans-serif;
    }
    .yu-guide__launcher {
        display: flex;
        min-height: 52px;
        align-items: center;
        gap: 10px;
        margin-left: auto;
        border: 1px solid rgba(148,163,184,.48);
        border-radius: 14px;
        background: rgba(255,255,255,.97);
        padding: 6px 14px 6px 7px;
        color: #10233f;
        box-shadow: 0 16px 38px -20px rgba(2,6,23,.72);
        backdrop-filter: blur(12px);
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .yu-guide__launcher:hover,
    .yu-guide__launcher:focus-visible {
        border-color: #8da6c2;
        box-shadow: 0 18px 42px -20px rgba(2,6,23,.8);
        transform: translateY(-1px);
    }
    .yu-guide__launcher:focus-visible,
    .yu-guide__close:focus-visible,
    .yu-guide__suggestion:focus-visible,
    .yu-guide__send:focus-visible {
        outline: 3px solid rgba(37,99,235,.28);
        outline-offset: 2px;
    }
    .yu-guide__mark {
        display: grid;
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid #dbe5f0;
        border-radius: 10px;
        background: #f4f8fc;
    }
    .yu-guide__mark img { width: 25px; height: 25px; object-fit: contain; }
    .yu-guide__header .yu-guide__mark { width: 36px; height: 36px; }
    .yu-guide__launcher-copy { text-align: left; }
    .yu-guide__launcher-copy strong {
        display: block;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
    }
    .yu-guide__launcher-copy span {
        display: block;
        margin-top: 2px;
        color: #64748b;
        font-size: 11px;
        line-height: 1.2;
    }
    .yu-guide__panel {
        position: absolute;
        right: 0;
        bottom: calc(100% + 14px);
        display: flex;
        width: min(372px, calc(100vw - 32px));
        max-height: min(552px, calc(100svh - 180px));
        overflow: hidden;
        flex-direction: column;
        border: 1px solid #d8e1eb;
        border-radius: 18px;
        background: #fff;
        color: #1e293b;
        box-shadow: 0 26px 70px -26px rgba(2,6,23,.65);
        animation: yu-guide-in .18s ease-out both;
    }
    .yu-guide__panel[hidden] { display: none; }
    .yu-guide__header {
        display: flex;
        align-items: center;
        gap: 11px;
        border-bottom: 1px solid #e5ebf2;
        background: #fff;
        padding: 14px 15px;
        color: #10233f;
    }
    .yu-guide__header-copy { min-width: 0; flex: 1; }
    .yu-guide__header-copy strong {
        display: block;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.25;
    }
    .yu-guide__header-copy span {
        display: flex;
        align-items: center;
        margin-top: 2px;
        color: #64748b;
        font-size: 11px;
    }
    .yu-guide__close {
        display: grid;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        place-items: center;
        border: 0;
        border-radius: 9px;
        color: #64748b;
        transition: background .2s ease, color .2s ease;
    }
    .yu-guide__close:hover { background: #f1f5f9; color: #0f172a; }
    .yu-guide__messages {
        min-height: 184px;
        overflow-y: auto;
        padding: 17px 15px 9px;
        scrollbar-color: #b7c5d5 transparent;
    }
    .yu-guide__message {
        width: fit-content;
        max-width: 88%;
        margin-bottom: 10px;
        border-radius: 12px 12px 12px 4px;
        background: #f1f5f9;
        padding: 10px 11px;
        color: #334155;
        font-size: 13px;
        line-height: 1.48;
    }
    .yu-guide__message--user {
        margin-left: auto;
        border-radius: 12px 12px 4px 12px;
        background: #164e82;
        color: #fff;
    }
    .yu-guide__message--thinking {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #64748b;
    }
    .yu-guide__thinking-label { font-weight: 650; }
    .yu-guide__thinking-dots {
        display: inline-flex;
        align-items: center;
        gap: 3px;
    }
    .yu-guide__thinking-dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #64748b;
        animation: yu-guide-thinking 1.15s ease-in-out infinite;
    }
    .yu-guide__thinking-dot:nth-child(2) { animation-delay: .14s; }
    .yu-guide__thinking-dot:nth-child(3) { animation-delay: .28s; }
    @keyframes yu-guide-thinking {
        0%, 60%, 100% { opacity: .3; transform: translateY(0); }
        30% { opacity: 1; transform: translateY(-3px); }
    }
    .yu-guide__message-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 9px;
    }
    .yu-guide__message-actions a {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        border: 1px solid #cbd9e7;
        border-radius: 9px;
        background: #fff;
        padding: 7px 11px;
        color: #124f85;
        font-size: 12px;
        font-weight: 800;
    }
    .yu-guide__suggestions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 4px 15px 12px;
    }
    .yu-guide__suggestion {
        width: 100%;
        border: 1px solid #d6e0ea;
        border-radius: 9px;
        background: #fff;
        padding: 7px 10px;
        color: #36516d;
        font-size: 11px;
        font-weight: 750;
        text-align: left;
        transition: border-color .2s ease, background .2s ease;
    }
    .yu-guide__suggestion:hover { border-color: #8ca8c3; background: #f4f8fc; color: #123f69; }
    .yu-guide__form {
        display: flex;
        gap: 8px;
        border-top: 1px solid #e5ebf2;
        padding: 11px 12px;
    }
    #yu-guide-input {
        width: auto;
        min-width: 0;
        min-height: 42px;
        flex: 1;
        border: 1px solid #ccd7e3;
        border-radius: 10px;
        background: #fff;
        padding: 9px 12px;
        color: #172033;
        font-size: 13px;
        outline: none;
    }
    #yu-guide-input:focus { border-color: #3976aa; box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
    .yu-guide__send {
        display: grid;
        width: 42px;
        height: 42px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 10px;
        background: #164e82;
        color: #fff;
        transition: background .2s ease, transform .2s ease;
    }
    .yu-guide__send:hover { background: #0f3d67; transform: translateY(-1px); }
    .yu-guide__note {
        padding: 0 16px 12px;
        color: #7a899b;
        font-size: 10px;
        line-height: 1.35;
        text-align: center;
    }
    @keyframes yu-guide-in {
        from { opacity: 0; transform: translateY(12px) scale(.97); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes yu-hero-fade-up { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }
    @keyframes yu-stage-scale-in { from { opacity:0; scale:.85; } to { opacity:1; scale:1; } }
    @keyframes yu-cursor-blink { 0%,45% { opacity:1; } 46%,100% { opacity:0; } }
    @keyframes yu-cursor-away { to { opacity:0; transform:scaleY(.2); } }
    @keyframes yu-orbit-left {
        from { transform:translate(-50%,-50%) rotate(0deg); }
        to { transform:translate(-50%,-50%) rotate(-360deg); }
    }
    @keyframes yu-orbit-right {
        from { transform:translate(-50%,-50%) rotate(0deg); }
        to { transform:translate(-50%,-50%) rotate(360deg); }
    }
    @keyframes yu-border-flow {
        from { background-position:0 50%; }
        to { background-position:260% 50%; }
    }
    @keyframes yu-node-fly-in {
        from { opacity:0; }
        to { opacity:1; }
    }
    @media (max-width: 1399px) {
        .yu-live-hero__inner {
            grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
            gap: 0;
            padding-right: 38px;
            padding-left: 38px;
        }
        .yu-orbit-stage { transform: scale(.78); }
        .yu-live-heading { font-size: clamp(44px, 4.1vw, 54px); }
    }
    @media (max-width: 1119px) {
        .yu-live-hero { min-height: auto; }
        .yu-live-hero__inner { grid-template-columns: 1fr; padding: 54px 32px 64px; text-align:center; }
        .yu-live-copy { max-width: 720px; margin: 0 auto; }
        .yu-live-kicker, .yu-live-actions { justify-content:center; }
        .yu-live-heading { min-height: 145px; margin-right:auto; margin-left:auto; font-size:46px; }
        .yu-live-description { margin-right:auto; margin-left:auto; }
        .yu-orbit-stage { height:560px; margin:-20px auto -55px; transform:scale(.78); }
        .yu-guide { right: 24px; }
    }
    @media (max-width: 767px) {
        .yu-live-hero__inner { padding: 42px 20px 56px; gap: 8px; }
        .yu-live-heading { min-height: 125px; margin-top:18px; font-size:36px; line-height:1.05; }
        .yu-live-description { margin-top:20px; font-size:15px; }
        .yu-live-actions { margin-top:24px; }
        .yu-live-button { min-height:48px; padding:12px 22px; font-size:14px; }
        .yu-orbit-stage { width:680px; height:430px; margin:-60px calc(50% - 340px) -86px; transform:scale(.58); }
        .yu-guide { right: 16px; bottom: 16px; }
        .yu-guide__panel { max-height: min(520px, calc(100svh - 142px)); border-radius: 16px; }
    }
    @media (max-width: 479px) {
        .yu-live-hero__inner { padding-right:16px; padding-left:16px; }
        .yu-live-heading { min-height:112px; font-size:30px; }
        .yu-live-actions { flex-direction:column; align-items:stretch; padding:0 14px; }
        .yu-gradient-border, .yu-live-button { width:100%; }
        .yu-orbit-stage { height:360px; margin-top:-20px; margin-bottom:-75px; transform:scale(.46); }
        .yu-guide__launcher { min-height: 48px; padding-right: 11px; }
        .yu-guide__mark { width: 34px; height: 34px; }
        .yu-guide__mark img { width: 22px; height: 22px; }
        .yu-guide__launcher-copy span { display:none; }
    }
    @media (prefers-reduced-motion: reduce) {
        .yu-gradient-border::before { animation-duration:3s !important; animation-iteration-count:infinite !important; }
        .yu-guide__panel { animation:none; }
        .yu-guide__thinking-dot { animation-duration:1.15s !important; animation-iteration-count:infinite !important; }
    }