.tr-grid{display:grid;grid-template-columns:1fr 300px;gap:1.8rem;align-items:stretch;}
    .tr-lbl{font-family:var(--font-body);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,37,64,0.5);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:baseline;}
    .tr-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
    .tr-cat{position:relative;background:#f6f8fb;border:1.5px solid rgba(10,37,64,0.09);border-radius:6px;padding:.9rem 1rem 1rem;cursor:pointer;transition:all .18s;display:block;}
    .tr-cat input{position:absolute;opacity:0;pointer-events:none;}
    .tr-cat:hover{border-color:rgba(37,99,235,0.45);}
    .tr-cat.tr-cat-on{background:#fff;border-color:#2563eb;box-shadow:0 12px 28px -12px rgba(37,99,235,0.4);}
    .tr-catname{font-family:var(--font-head);font-weight:900;font-size:.95rem;color:#0a2540;}
    .tr-catname sup{font-size:.6em;}
    .tr-catw{font-family:var(--font-body);font-size:.72rem;font-weight:800;color:#2563eb;margin-top:2px;}
    .tr-catd{font-family:var(--font-body);font-size:.72rem;line-height:1.5;color:rgba(10,37,64,0.55);margin-top:5px;}
    @media(max-width:700px){ .tr-cats{grid-template-columns:1fr;} }
    .tr-result{background:#07203c;border-radius:6px;padding:1.5rem 1.6rem;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);}
    #trCardMain,#trCardHow{animation:trFade .3s ease;}
    .tr-howgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
    .tr-howstep{display:flex;gap:.8rem;align-items:flex-start;background:#f6f8fb;border:1px solid rgba(10,37,64,0.07);border-radius:6px;padding:1.1rem 1.2rem;font-family:var(--font-body);font-size:.82rem;line-height:1.6;color:rgba(10,37,64,0.65);}
    .tr-howstep b{color:#0a2540;}
    .tr-hownum{color:#2563eb;font-weight:800;flex-shrink:0;font-size:1rem;}
    @media(max-width:800px){ .tr-howgrid{grid-template-columns:1fr;} }
    @keyframes trFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
    .tr-how{display:flex;flex-direction:column;gap:.55rem;margin-top:.8rem;}
    .tr-how > div{display:flex;gap:.55rem;align-items:flex-start;font-family:var(--font-body);font-size:.73rem;line-height:1.55;color:rgba(246,249,252,0.7);}
    .tr-how span{color:#7dd3fc;flex-shrink:0;}
    .tr-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
    .tr-check{background:#fff;border:1px solid rgba(10,37,64,0.08);border-radius:6px;padding:1.4rem 1.4rem 1.5rem;box-shadow:0 4px 10px -5px rgba(10,15,30,0.3), 0 16px 32px -18px rgba(10,15,30,0.35);}
    .tr-ico{width:46px;height:46px;border-radius:6px;background:rgba(37,99,235,0.08);display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
    .tr-ct{font-family:var(--font-head);font-weight:900;font-size:1rem;color:#0a2540;margin-top:.9rem;letter-spacing:-0.01em;}
    .tr-check p{font-family:var(--font-body);font-size:.8rem;line-height:1.6;color:rgba(10,37,64,0.6);margin:.5rem 0 0;}
    .tr-corse{display:flex;align-items:stretch;gap:.9rem;}
    .tr-cstep{flex:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:6px;padding:1.1rem 1.2rem;display:flex;gap:.9rem;align-items:flex-start;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}
    .tr-cnum{width:28px;height:28px;border-radius:50%;background:#7dd3fc;color:#061b33;font-family:var(--font-head);font-weight:900;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .tr-cbody{font-family:var(--font-body);font-size:.8rem;line-height:1.6;color:rgba(246,249,252,0.7);}
    .tr-cbody b{color:#f6f9fc;}
    .tr-carrow{align-self:center;color:rgba(125,211,252,0.6);font-size:1.2rem;flex-shrink:0;}
    @media(max-width:1000px){ .tr-checks{grid-template-columns:1fr 1fr;} .tr-corse{flex-direction:column;} .tr-carrow{transform:rotate(90deg);align-self:flex-start;margin-left:1.2rem;} }
    .tr-cities{display:flex;align-items:center;gap:.7rem;}
    .tr-citybox{position:relative;flex:1;display:flex;align-items:center;background:#f6f8fb;border:1.5px solid rgba(10,37,64,0.09);border-radius:6px;transition:border-color .18s;}
    .tr-citybox:focus-within{border-color:#2563eb;background:#fff;}
    .tr-pin{padding:0 .1rem 0 .8rem;color:rgba(10,37,64,0.4);font-size:.8rem;}
    .tr-citybox input{flex:1;border:none;background:transparent;outline:none;padding:12px 12px 12px 8px;font-family:var(--font-body);font-size:.9rem;font-weight:700;color:#0a2540;min-width:0;}
    .tr-citybox input::placeholder{color:rgba(10,37,64,0.35);font-weight:500;}
    .tr-arrow{color:rgba(10,37,64,0.35);font-weight:800;flex-shrink:0;}
    .tr-ex{border:none;background:rgba(37,99,235,0.07);color:#2563eb;font-family:var(--font-body);font-weight:700;font-size:.72rem;padding:5px 11px;border-radius:999px;cursor:pointer;transition:background .15s;}
    .tr-ex:hover{background:rgba(37,99,235,0.14);}
    .tr-sugsel{background:rgba(37,99,235,0.08);}
    .tr-cat:focus-within{outline:2px solid #7dd3fc;outline-offset:2px;}
    .tr-computing #trPrice{opacity:0.35;transition:opacity .2s;}
    .tr-cmp{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;border:1px solid rgba(246,249,252,0.14);background:transparent;color:rgba(246,249,252,0.6);font-family:var(--font-body);font-size:.7rem;font-weight:700;padding:7px 11px;border-radius:6px;cursor:pointer;transition:all .16s;width:100%;text-align:left;}
    .tr-cmp b{font-weight:800;font-size:.74rem;white-space:nowrap;}
    .tr-cmp:hover{border-color:rgba(125,211,252,0.5);color:rgba(246,249,252,0.85);}
    .tr-cmp-on{border-color:#7dd3fc;background:rgba(125,211,252,0.1);color:#7dd3fc;}
    .tr-sug{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(10,37,64,0.1);border-radius:6px;max-height:220px;overflow-y:auto;z-index:50;box-shadow:0 1px 2px rgba(10,37,64,0.06), 0 10px 24px -14px rgba(10,37,64,0.16);}
    .tr-sugitem{padding:.6rem .85rem;cursor:pointer;font-family:var(--font-body);font-size:.85rem;color:#0a2540;border-bottom:1px solid rgba(10,37,64,0.06);display:flex;justify-content:space-between;gap:.6rem;}
    .tr-sugitem:hover{background:rgba(10,37,64,0.04);}
    .tr-sugitem i{font-style:normal;font-size:.72rem;color:rgba(10,37,64,0.45);font-family:var(--font-mono);white-space:nowrap;}
    @media(max-width:700px){ .tr-grid{grid-template-columns:1fr;} .tr-checks{grid-template-columns:1fr;} .tr-cities{flex-direction:column;align-items:stretch;} .tr-arrow{transform:rotate(90deg);align-self:center;} }