.top-block{background:#fff;border-radius:24px;margin:24px 0;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid #e8e9ea;overflow:clip}.top-block-item{display:block;text-decoration:none;color:inherit;padding:24px;border-radius:0px;background:linear-gradient(to right,color-mix(in srgb,var(--color) 10%,#fff),#fff 50%,#fff);background-size:200% 100%;background-position-x:100%;transition:all .3s ease;position:relative;overflow:clip}.top-block-item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:#e0e0e0;opacity:1;transition:all .3s ease}.top-block-item:hover{background-position-x:0%}.top-block-item:hover .top-block-content{transform:translateX(5px)}.top-block-item:hover::before{opacity:1;width:15px;background:var(--color)}a.top-block-item{cursor:pointer}div.top-block-item{cursor:default}div.top-block-item:hover{transform:none;box-shadow:none;border-color:#e0e0e0}div.top-block-item:hover::before{width:5px;background:#e0e0e0}.top-block-divider{border:none;border-top:1px solid #e8e9ea;margin:0;padding:0;height:0}.top-block-content{display:flex;align-items:center;justify-content:space-between;gap:32px;transition:all .3s ease}.top-block-text{flex:1;display:flex;flex-direction:column;gap:4px}.top-block-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}h3.top-block-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0!important;line-height:1.3;text-decoration:none}.top-block-separator{width:1px;height:20px;background:#d1d5db;flex-shrink:0;transition:background-color .2s ease}.top-block-subtitle{font-size:18px!important;color:#6b7280;margin:0!important;line-height:1.5;font-weight:400;text-decoration:none;transition:color .2s ease}.top-block-item:hover .top-block-subtitle{color:#374151}.top-block-offer-text{font-size:18px;color:#dc2626;line-height:1.6;font-weight:500;margin:0!important;transition:color .2s ease}.top-block-item:hover .top-block-offer-text{color:color-mix(in srgb,var(--color) 50%,#000)}.top-block-offer-text p{text-decoration:underline;margin:0!important;text-decoration-thickness:1.5px;text-underline-offset:3px}.top-block-offer-text strong{font-weight:900}.top-block-logo-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:8px;background:0 0;height:60px;min-height:60px}.top-block-logo{width:auto;max-width:200px;height:60px;max-height:60px;object-fit:contain;transition:filter .3s ease;filter:brightness(1)}a.top-block-item:focus{outline:2px solid #dc2626;outline-offset:4px;border-radius:8px}a.top-block-item:focus:not(:focus-visible){outline:none}@media (max-width:1024px){.top-block-content{gap:24px}.top-block-logo-wrapper{height:50px;min-height:50px}.top-block-logo{max-width:150px;height:50px;max-height:50px}}@media (max-width:768px){.top-block{margin:16px 0;border-radius:16px}.top-block-item{padding:16px 22px;margin:0}.top-block-content{flex-direction:column-reverse;align-items:flex-start;gap:16px}.top-block-item:hover .top-block-content{transform:none}.top-block-text{gap:6px;width:100%}.top-block-title-row{flex-wrap:wrap;gap:8px}h3.top-block-title{font-size:18px;line-height:1.4}.top-block-separator{height:16px}.top-block-subtitle{font-size:15px!important;line-height:1.4}.top-block-offer-text{font-size:15px;line-height:1.5}.top-block-logo-wrapper{align-self:flex-start;width:100%;justify-content:flex-start;padding:0;height:50px;min-height:50px}.top-block-logo{max-width:180px;height:50px;max-height:50px}.top-block-item:hover{background-position-x:100%}.top-block-item:hover::before{width:5px;background:#e0e0e0}}