/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    hr {
        box-sizing: content-box;
        overflow: visible
    }

    a {
        background-color: transparent
    }

    img {
        border-style: none
    }

    button,
    input {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15
    }

    input {
        overflow: visible
    }

    button {
        text-transform: none
    }

    button {
        -webkit-appearance: button
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    @-webkit-keyframes nprogress-spinner {
        0% {
            -webkit-transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @keyframes nprogress-spinner {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(360deg)
        }
    }



.yWAcqG {
        box-sizing: border-box;
        margin-left: 0px;
        margin-right: 0px
    }

    @media screen and (min-width:40em) {
        .yWAcqG {
            margin-left: 16px;
            margin-right: 16px
        }
    }

    .FzYtEw {
        box-sizing: border-box;
        margin-top: 10px
    }

    @media screen and (min-width:40em) {
        .FzYtEw {
            margin-top: 32px
        }
    }

    @media screen and (min-width:52em) {
        .FzYtEw {
            margin-top: 0px
        }
    }

    .LnGisi {
        box-sizing: border-box;
        margin-top: 32px;
        margin-bottom: 32px;
        width: 100%
    }

    @media screen and (min-width:40em) {}

    .WgNZqI {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    @media screen and (min-width:40em) {
        .WgNZqI {
            flex-direction: row
        }
    }

    @media screen and (min-width:40em) {
        .WgNZqI {
            -webkit-box-align: center;
            align-items: center
        }
    }

    .TZMjtg {
        box-sizing: border-box;
        margin-left: 0px;
        margin-top: 8px;
        display: flex;
        align-items: flex-end
    }

    @media screen and (min-width:40em) {
        .TZMjtg {
            margin-left: 8px;
            margin-top: 0px
        }
    }

    @media screen and (min-width:40em) {
        .TZMjtg {
            -webkit-box-align: center;
            align-items: center
        }
    }

    .UeRvEJ {
        box-sizing: border-box;
        padding-top: 10px;
   
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }

    .gwBuNO {
        box-sizing: border-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }

    .nJECHq {
        box-sizing: border-box;
        margin-bottom: 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-evenly
    }

    @media screen and (min-width:40em) {
        .nJECHq {
            margin-bottom: 0px
        }
    }

    @media screen and (min-width:52em) {
        .nJECHq {
           
        }
    }

    .dZJafU {
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .zTYQOa {
        box-sizing: border-box;
        display: flex
    }

    .NFvpUu {
        box-sizing: border-box;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column
    }

    .TemKop {
        box-sizing: border-box;
        margin-right: 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .fuGFgt {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    @media screen and (min-width:40em) {
        .fuGFgt {
            width: 100%
        }
    }

    @media screen and (min-width:52em) {
        .fuGFgt {
            width: 75%
        }
    }

    .JsThJv {
        box-sizing: border-box;
        display: flex;
        flex-direction: column
    }

    .cBsJWT {
        box-sizing: border-box;
        margin-bottom: 8px;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .InZMJL {
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .SWVgOp {
        box-sizing: border-box;
        margin-left: 10px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .nUZEMQ {
        box-sizing: border-box;
        margin-right: 16px;
        display: flex
    }

    .dZiarA {
        box-sizing: border-box;
        margin-top: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .mkfQPy {
        box-sizing: border-box;
        margin-right: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .phtPWk {
        box-sizing: border-box;
        padding-bottom: 32px;
        padding-top: 64px;
        flex: 0 0 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    @media screen and (min-width:40em) {
        .phtPWk {
            padding-top: 128px
        }
    }

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    .xLdRDW {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        width: 540px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        max-width: 100%
    }

    @media screen and (min-width:40em) {
        .xLdRDW {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media screen and (min-width:40em) {
        .xLdRDW {
            width: 720px
        }
    }

    @media screen and (min-width:52em) {
        .xLdRDW {
            width: 960px
        }
    }

    @media screen and (min-width:64em) {
        .xLdRDW {
            width: 990px
        }
    }

    .rCFQsO {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        width: 540px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%
    }

    @media screen and (min-width:40em) {
        .rCFQsO {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media screen and (min-width:40em) {
        .rCFQsO {
            width: 720px
        }
    }

    @media screen and (min-width:52em) {
        .rCFQsO {
            width: 960px
        }
    }

    @media screen and (min-width:64em) {
        .rCFQsO {
            width: 1227px
        }
    }

    @media screen and (min-width:40em) {
        .rCFQsO {
            flex-direction: column
        }
    }

    @media screen and (min-width:52em) {
        .rCFQsO {
            flex-direction: row
        }
    }

    .nXdYRk {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        width: 540px;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        max-width: 100%
    }

    @media screen and (min-width:40em) {
        .nXdYRk {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media screen and (min-width:40em) {
        .nXdYRk {
            width: 720px
        }
    }

    @media screen and (min-width:52em) {
        .nXdYRk {
            width: 960px
        }
    }

    @media screen and (min-width:64em) {
        .nXdYRk {
            width: 1140px
        }
    }

    @media screen and (min-width:40em) {
        .nXdYRk {
            flex-direction: row
        }
    }

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    @media screen and (min-width:52em) {}

    @media screen and (min-width:64em) {}

    .icicya {
        box-sizing: border-box;
        margin-bottom: 16px;
        margin-right: 0px;
        padding: 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: white;
        border-radius: 8px;
        box-shadow: rgba(50, 64, 93, 0.08) 0px 5px 35px
    }

    @media screen and (min-width:40em) {
        .icicya {
            margin-bottom: 16px;
            margin-right: 0px;
            padding: 32px
        }
    }

    @media screen and (min-width:52em) {
        .icicya {
            margin-bottom: 0px;
            margin-right: 8px
        }
    }

    @media screen and (min-width:64em) {
        .icicya {
            margin-right: 32px
        }
    }

    @media screen and (min-width:40em) {
        .icicya {
            width: 100%
        }
    }

    @media screen and (min-width:52em) {
        .icicya {
            width: 25%
        }
    }

    @media screen and (min-width:40em) {}

    @media screen and (min-width:40em) {}

    .cFkoKj {
      
        height: 30px
    }

    .cFkoKj:hover {
        opacity: 0.7
    }

    @media (max-width:472px) {
        .cFkoKj {
            height: 30px
        }
    }

    .kVXpTA {
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0px;
        padding: 8px 20px;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: white;
        background: linear-gradient(to right, rgb(100, 181, 246), rgb(130, 177, 255));
        border: none;
        border-radius: 20px;
        box-shadow: rgba(25, 118, 210, 0.2) 0px 3px 6px;
        text-decoration: none;
        cursor: pointer;
        overflow: hidden;
        transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
        transform: translateZ(0px)
    }

    .kVXpTA:hover,
    .kVXpTA:focus {
        box-shadow: rgba(25, 118, 210, 0.4) 0px 4px 10px;
        transform: scale(1.01, 1.01) translateY(-2px) translateZ(0px)
    }

    @media (max-width:768px) {
        .kVXpTA {
            padding: 6px 16px
        }
    }

    @media (max-width:470px) {
        .kVXpTA {
            letter-spacing: 0px
        }
    }

    @media (max-width:768px) {}

    @media (max-width:768px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    .CDBEi {
        width: 100%;
        height: 1px;
        display: block;
        background-color: rgb(237, 237, 237);
        border: none;
        outline: none;
        border-radius: 2px
    }

    @media (max-width:470px) {
        .CDBEi {
            display: block
        }
    }

    .gSIKWS svg {
        width: 14px;
        height: auto
    }

    .gSIKWS svg path {
        fill: rgb(199, 207, 214);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .gSIKWS svg {
            width: 12.6px
        }
    }

    @media (max-width:470px) {}

    .kkrxds svg {
        width: 16px;
        height: auto
    }

    .kkrxds svg path {
        fill: rgb(199, 207, 214);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .kkrxds svg {
            width: 14.4px
        }
    }

    .EZkeM svg {
        width: 6px;
        height: auto
    }

    .EZkeM svg path {
        fill: rgb(199, 207, 214);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .EZkeM svg {
            width: 5.4px
        }
    }

    .cqgWnO svg {
        width: 18px;
        height: auto
    }

    .cqgWnO svg path {
        fill: rgb(199, 207, 214);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .cqgWnO svg {
            width: 16.2px
        }
    }

    .dTFMGD svg {
        width: 10px;
        height: auto
    }

    .dTFMGD svg path {
        fill: rgb(100, 181, 246);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .dTFMGD svg {
            width: 9px
        }
    }

    .jLSZer svg {
        width: 14px;
        height: auto
    }

    .jLSZer svg path {
        fill: rgb(99, 179, 243);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .jLSZer svg {
            width: 12.6px
        }
    }

    .VREYj svg {
        width: 12px;
        height: auto
    }

    .VREYj svg path {
        fill: rgb(100, 181, 246);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .VREYj svg {
            width: 10.8px
        }
    }

    .gxGFGF svg {
        width: 16px;
        height: auto
    }

    .gxGFGF svg path {
        fill: rgb(121, 144, 162);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    .gxGFGF:hover svg path {
        fill: rgb(99, 179, 243)
    }

    @media (max-width:470px) {
        .gxGFGF svg {
            width: 14.4px
        }
    }

    .gQFCPs svg {
        width: 14px;
        height: auto
    }

    .gQFCPs svg path {
        fill: rgb(121, 144, 162);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    .gQFCPs:hover svg path {
        fill: rgb(99, 179, 243)
    }

    @media (max-width:470px) {
        .gQFCPs svg {
            width: 12.6px
        }
    }

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    .eMHxHJ svg {
        width: 17px;
        height: auto
    }

    .eMHxHJ svg path {
        fill: rgb(249, 168, 37);
        stroke: none;
        opacity: 1;
        transition: fill 0.3s ease-out, stroke 0.3s ease-out
    }

    @media (max-width:470px) {
        .eMHxHJ svg {
            width: 15.3px
        }
    }

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    .eOdeIi {
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        font-weight: 500;
        color: rgb(102, 102, 102);
        white-space: nowrap
    }

  

    @media (max-width:470px) {
        .eOdeIi {
            margin-bottom: 0px
        }
        .eOdeIi::after {
            display: none
        }
    }

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    .jbcwuW {
        text-align: center;
        margin: 8px 0px;
        padding: 0px;
        font-size: 22px;
        font-weight: 500;
        color: rgb(128, 128, 128)
    }

    @media (max-width:768px) {
        .jbcwuW {
            font-size: 20px
        }
    }

    @media (max-width:768px) {}

    .byDjoK {
        text-align: center;
        margin: 0px;
        padding: 0px 16px;
        font-size: 16px;
        font-weight: normal;
        color: rgb(168, 168, 168)
    }

    @media (max-width:768px) {
        .byDjoK {
            font-size: 15px
        }
    }

    @media (max-width:768px) {}

    .liGJcS {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 14px;
        color: rgb(100, 181, 246);
        text-decoration: none;
        transition: color 0.3s ease-out, transform 0.3s ease-out;
        transform: translateZ(0px)
    }

    .liGJcS:hover,
    .liGJcS:focus {
        color: rgb(66, 165, 245);
        transform: scaleX(1.01) translateX(-4px)
    }

    .liGJcS:hover svg path,
    .liGJcS:focus svg path {
        fill: rgb(66, 165, 245)
    }

    .eTFBVE {
        font-size: 13px;
        color: rgb(121, 144, 162);
        text-decoration: none;
        transition: color 0.3s ease-out, transform 0.3s ease-out
    }

    .eTFBVE:hover {
        color: rgb(99, 179, 243)
    }

    @media (max-width:470px) {
        .eTFBVE {
            font-size: 11px
        }
    }

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    .CxRny {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 14px;
        color: rgb(104, 104, 104);
        text-decoration: none;
        transition: color 0.3s ease-out
    }

    .CxRny:hover,
    .CxRny:active,
    .CxRny:focus {
        color: rgb(100, 181, 246)
    }

    @media (max-width:470px) {
        .CxRny {
            font-size: 13px
        }
    }

    .eMKZvO {
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background-color: white;
        height: 75px;
        box-shadow: rgba(160, 160, 160, 0.1) 0px 3px 5px
    }

    .gbcYOZ {
        position: absolute;
        right: 8px;
        padding: 8px
    }

    .iLEzpu {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        min-width: 0px
    }

    .fYVImj {
        height: 40px;
        max-width: 100%;
        display: flex;
        flex: 1 1 auto;
        -webkit-box-align: center;
        align-items: center;
        margin: 0px;
        padding: 0px 40px 0px 16px;
        font-size: 14px;
        color: rgb(102, 102, 102);
        background-color: rgb(242, 242, 242);
        border: none;
        border-radius: 8px;
        outline: none;
        box-sizing: border-box
    }

    .fYVImj:focus,
    .fYVImj:active {
        outline: none;
        border: none;
        background-color: rgb(240, 240, 240)
    }

    .fYVImj::-webkit-input-placeholder {
        font-style: italic;
        color: rgb(136, 136, 136)
    }

    .fYVImj::placeholder {
        font-style: italic;
        color: rgb(136, 136, 136)
    }

    .fTdkbc {
        font-size: 13px;
        color: rgb(112, 112, 112);
        padding: 0px;
        margin: 0px 0px 7px
    }

    .dNHcjN {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0px;
        padding: 0px;
        list-style: none
    }

    .jiNJS {
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: 12px
    }

    .jiNJS:last-child {
        margin-bottom: 0px
    }

    .ftyNLV {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 0.04em;
        color: rgb(136, 136, 136);
        transition: color 0.3s ease-out;
        cursor: pointer
    }

    .ftyNLV span {
        transition: transform 0.2s ease-out;
        transform: translateZ(0px)
    }

    .ftyNLV:hover,
    .ftyNLV:active {
        color: rgb(51, 51, 51)
    }

    .ftyNLV:hover span,
    .ftyNLV:active span {
        transform: translateX(3px)
    }

    .ftyNLV:hover svg path,
    .ftyNLV:active svg path {
        fill: rgb(153, 159, 165)
    }

    @media (max-width:470px) {
        .ftyNLV {
            letter-spacing: 0px
        }
    }

    @media (max-width:470px) {}

    .eGEido {
        font-size: 11px;
        letter-spacing: 0.08em;
        color: rgb(172, 181, 188)
    }

    @media (min-width:840px) {}

    .gEQFgA {
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-width: 0px;
        margin: 0px;
        padding: 0px;
        list-style: none
    }

    @media (max-width:470px) {
        .gEQFgA {
            margin-top: 16px
        }
    }

    .gGZvdC {
        box-sizing: border-box;
        display: flex;
        margin: 0px;
        padding: 0px 13px;
        list-style: none
    }

    .gGZvdC:last-child {
        padding-right: 0px
    }

    .gGZvdC span {
        display: flex
    }

    @media (max-width:470px) {
        .gGZvdC {
            padding: 0px 8px
        }
    }

    .bJcvLC {
        font-size: 14px;
        color: rgb(214, 221, 226)
    }

    @media (max-width:470px) {
        .bJcvLC {
            font-size: 13px
        }
    }

    .ipdffh {
        position: relative;
        height: 22px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0px;
        padding: 0px 6px;
        background-color: transparent;
        border: 1px solid rgb(100, 181, 246);
        border-radius: 4px;
        cursor: pointer;
        overflow: hidden;
        transition: background-color 0.3s ease-out;
        transform: translateZ(0px)
    }

    .ipdffh span {
        font-size: 12px;
        color: rgb(100, 181, 246);
        margin-right: 2px;
        transition: color 0.3s ease-out
    }

    .ipdffh:hover {
        background-color: rgb(100, 181, 246)
    }

    .ipdffh:hover span {
        color: white
    }

    .ipdffh:hover svg path {
        fill: white
    }

    .dWpDYo {
        margin: 0px;
        padding: 0px;
        font-size: 13px;
        color: rgb(184, 190, 197)
    }

    .fDIxMN {
        font-size: 13px;
        color: rgb(135, 197, 246)
    }

    .hMXNeI {
        width: 68px;
        height: 68px;
        background-color: rgb(238, 238, 238);
        border-radius: 50%;
        overflow: hidden
    }

    @media (max-width:470px) {
        .hMXNeI {
            height: 61.8182px;
            width: 61.8182px
        }
    }

    @media (max-width:470px) {}

    .iStOXg {
        width: 100%;
        height: 100%;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .iQXEzK {
        box-sizing: border-box;
        margin-bottom: 16px;
        margin-right: 0px;
        padding: 16px;
        width: 100%;
        flex: 1 1 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-radius: 8px;
        box-shadow: rgba(50, 64, 93, 0.08) 0px 5px 35px;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        transform: translateZ(0px)
    }

    @media screen and (min-width:40em) {
        .iQXEzK {
            margin-right: 0px
        }
    }

    @media screen and (min-width:52em) {
        .iQXEzK {
            margin-left: 16px
        }
    }

    @media screen and (min-width:40em) {
        .iQXEzK {
            width: 100%
        }
    }

    @media screen and (min-width:52em) {
        .iQXEzK {
            width: 33.3333%
        }
    }

    .iQXEzK:hover {
        transform: scale(1.02, 1.02) translateY(-4px) translateZ(0px);
        box-shadow: rgba(50, 64, 93, 0.12) 0px 20px 35px
    }

    .hoWep {
        box-sizing: border-box;
        flex: 1 1 0px;
        display: flex;
        flex-direction: column;
        padding: 1px 0px;
        overflow: hidden
    }

    .WUydj {
        font-size: 18px;
        font-weight: 400;
        color: rgb(133, 145, 159)
    }

    .iZvKJo {
        box-sizing: border-box;
        display: flex;
        flex-flow: column wrap
    }

    @media screen and (min-width:40em) {
        .iZvKJo {
            flex-direction: row
        }
    }
     @media screen and (min-width:52em) {
        .iZvKJo {
       
        }
    }

    .iZvKJo>* {
        max-width: calc(33.3333% - 16px)
    }

.cls-2{
    fill: #007BFF;
}

    @media (max-width:768px) {
        .iZvKJo>* {
            max-width: 100%;
            margin-right: 0px
        }
    }

    .epMriN {
        font: 16px/1.5 Rubik, sans-serif;
        color: rgb(102, 102, 102);
        background-color: rgb(244, 245, 247)
    }

    @media (max-width:768px) {}

    @media (max-width:768px) {}

    @media (max-width:768px) {}

    @media screen and (min-width:40em) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media (max-width:470px) {}

    @media screen and (min-width:40em) {}

  .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      min-width: 18px;
      height: 100%;
      object-fit: cover;
    }

    .gFiRsM{






          box-sizing: border-box;
        margin-bottom: 16px;
       
        padding: 30px;
        width: 100%;
        min-height: 120px;
        flex: 1 1 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-radius: 8px;
      
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        transform: translateZ(0px)
    }


    .in{
        border: 1px solid #64b5f6;
    border-radius: 20px;
    }


      @media (max-width:768px) {
        .mbs {
           display: none;
        }
    }

 @media (min-width:768px) {
        .Sidebar__MenuIcon-sc-16j7sxy-0 {
           display: none;
        }
    }


 

/* TGSearch.lol 2026 redesign: safe overrides for the original layout */
:root{--tc-bg:#f6f8fc;--tc-surface:#fff;--tc-ink:#0f172a;--tc-muted:#64748b;--tc-line:#e2e8f0;--tc-primary:#5b5ce2;--tc-primary-dark:#4546c7;--tc-cyan:#06b6d4;--tc-shadow:0 16px 38px rgba(15,23,42,.08)}
html{scroll-behavior:smooth}body._document__Body-qhmvjc-0,body.tc-page{background:radial-gradient(circle at 10% 0%,rgba(91,92,226,.10),transparent 28rem),var(--tc-bg)!important;color:var(--tc-ink)}
.Header__HeaderWrapper-ky174r-0{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--tc-line)!important;box-shadow:0 7px 24px rgba(15,23,42,.05)!important;backdrop-filter:blur(14px)}
.Logo__Image-1t93uti-0{width:190px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.Button-1nf09d9-0{background:linear-gradient(135deg,var(--tc-primary),var(--tc-cyan))!important;border:0!important;color:#fff!important;box-shadow:0 8px 20px rgba(91,92,226,.22)!important;border-radius:11px!important;font-weight:700!important;transition:transform .18s ease,box-shadow .18s ease!important}.Button-1nf09d9-0:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(91,92,226,.3)!important}
.Layout__LightBox-11d365n-3,.Card__CardWrapper-sc-1x3d4gc-0,.phtPWk{border-color:var(--tc-line)!important;box-shadow:var(--tc-shadow)!important;border-radius:16px!important}.Layout__LightBox-11d365n-3{background:rgba(255,255,255,.96)!important}
.SidebarList__ListLink-duz9h8-3:hover,.Typography__FooterLink-14uv2jq-9:hover{color:var(--tc-primary)!important}.SidebarList__Count-duz9h8-4{background:#eef2ff!important;color:var(--tc-primary-dark)!important;border-radius:999px!important;padding:2px 8px!important}.Divider__CustomHr-h2vcrx-0{border-color:var(--tc-line)!important}
a{accent-color:var(--tc-primary)}

/* Shared new pages */
.tc-page{margin:0;font-family:Inter,Arial,sans-serif;min-height:100vh}.tc-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.tc-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid var(--tc-line);backdrop-filter:blur(16px)}.tc-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.tc-brand img{display:block;width:210px;height:62px;object-fit:contain}.tc-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tc-nav a{color:#334155;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700;font-size:14px}.tc-nav a:hover,.tc-nav a.is-active{background:#eef2ff;color:var(--tc-primary-dark)}
.tc-main{padding:42px 0 64px}.tc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#111827,#3437a8 60%,#057f94);border-radius:24px;padding:36px;color:#fff;box-shadow:0 22px 55px rgba(51,55,168,.22);margin-bottom:22px}.tc-hero h1{font-size:clamp(30px,5vw,50px);line-height:1.04;margin:8px 0 12px}.tc-hero p{margin:0;color:#dbeafe;font-size:17px}.tc-kicker{display:inline-flex;padding:6px 11px;border:1px solid rgba(255,255,255,.27);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tc-total{min-width:130px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px;text-align:center}.tc-total strong{display:block;font-size:30px}.tc-total span{font-size:13px;color:#dbeafe}
.tc-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(190px,1fr) minmax(170px,.8fr) auto auto;gap:12px;align-items:end;background:var(--tc-surface);border:1px solid var(--tc-line);padding:18px;border-radius:18px;box-shadow:var(--tc-shadow);margin-bottom:24px}.tc-field{display:grid;gap:7px}.tc-field span{font-size:12px;font-weight:800;color:#475569}.tc-field input,.tc-field select{height:46px;width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:0 13px;color:var(--tc-ink);font:inherit;outline:none}.tc-field input:focus,.tc-field select:focus{border-color:var(--tc-primary);box-shadow:0 0 0 4px rgba(91,92,226,.11)}.tc-button{min-height:46px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--tc-primary),var(--tc-cyan));color:#fff;text-decoration:none;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;font:700 14px/1 Inter,Arial,sans-serif;cursor:pointer}.tc-button-light{background:#eef2ff;color:var(--tc-primary-dark)}
.tc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tc-card{min-width:0;display:flex;background:var(--tc-surface);border:1px solid var(--tc-line);border-radius:18px;padding:16px;box-shadow:0 9px 28px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}.tc-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.11)}.tc-card-image{flex:0 0 88px;width:88px;height:88px;border-radius:17px;overflow:hidden;background:#eef2ff}.tc-card-image img{width:100%;height:100%;object-fit:cover;display:block}.tc-card-body{min-width:0;padding-left:14px;display:flex;flex-direction:column}.tc-category{align-self:flex-start;color:var(--tc-primary-dark);font-size:11px;font-weight:800;text-decoration:none;background:#eef2ff;padding:4px 7px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-card h2{font-size:17px;line-height:1.25;margin:8px 0 6px}.tc-card h2 a{color:var(--tc-ink);text-decoration:none}.tc-card p{font-size:13px;line-height:1.5;color:var(--tc-muted);margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tc-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.tc-card-actions a{font-size:12px;font-weight:800;text-decoration:none}.tc-card-more{color:var(--tc-primary-dark)}.tc-telegram{color:#0284c7}.tc-empty{background:#fff;border:1px solid var(--tc-line);border-radius:20px;text-align:center;padding:50px 20px;box-shadow:var(--tc-shadow)}.tc-empty h2{margin-top:0}.tc-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px}.tc-pagination a{min-width:42px;height:42px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--tc-line);border-radius:10px;background:#fff;color:#334155;text-decoration:none;font-weight:800}.tc-pagination a.is-current{background:var(--tc-primary);border-color:var(--tc-primary);color:#fff}.tc-footer{border-top:1px solid var(--tc-line);background:#fff;padding:25px 0;color:var(--tc-muted)}.tc-footer .tc-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.tc-footer nav{display:flex;gap:16px;flex-wrap:wrap}.tc-footer a{color:#475569;text-decoration:none;font-weight:700;font-size:13px}
@media(max-width:1020px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-filters{grid-template-columns:1fr 1fr}.tc-header-inner{align-items:flex-start;padding:10px 0}.tc-nav{justify-content:flex-end}}
@media(max-width:680px){.tc-container{width:min(100% - 20px,1180px)}.tc-header-inner{display:block}.tc-brand img{width:175px;height:54px;margin:0 auto}.tc-nav{justify-content:center;padding-bottom:10px;gap:2px}.tc-nav a{font-size:12px;padding:8px}.tc-main{padding-top:20px}.tc-hero{align-items:flex-start;display:block;padding:25px}.tc-total{margin-top:20px;display:inline-block}.tc-filters{grid-template-columns:1fr}.tc-grid{grid-template-columns:1fr}.tc-card{width:100%;box-sizing:border-box}.tc-footer .tc-container{justify-content:center;text-align:center}.tc-footer nav{justify-content:center}.Logo__Image-1t93uti-0{width:160px!important}}

.Card__CardWrapper-jppvom-0{background:#fff!important;border:1px solid var(--tc-line)!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important;transition:transform .18s ease,box-shadow .18s ease!important}.Card__CardWrapper-jppvom-0:hover{transform:translateY(-3px)!important;box-shadow:0 17px 38px rgba(15,23,42,.12)!important}.Image__ImageWrapper-tscgmk-0{background:#eef2ff!important;overflow:hidden!important}.Image__Img-tscgmk-1{object-fit:cover!important}.CardsHeader__Title-1kmxmso-0{color:var(--tc-ink)!important}.cls-1,.cls-2{fill:var(--tc-primary)!important}.phtPWk{background:#fff!important;border-top:1px solid var(--tc-line)!important}.iZvKJo{gap:16px!important}

/* TGSearch.lol unified public design — 2026-07-21 */
.tc-home-hero{align-items:center}
.tc-hero-search{display:flex;gap:10px;margin-top:22px;max-width:650px}
.tc-hero-search input{height:48px;min-width:0;flex:1;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.13);color:#fff;padding:0 15px;font:inherit;outline:none}
.tc-hero-search input::placeholder{color:#cbd5e1}.tc-hero-search input:focus{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.tc-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 34px}
.tc-home-actions a{display:grid;gap:5px;padding:20px 22px;border:1px solid var(--tc-line);border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tc-home-actions a:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 16px 34px rgba(15,23,42,.09)}
.tc-home-actions strong{font-size:17px;color:var(--tc-ink)}.tc-home-actions span{font-size:13px;line-height:1.45;color:var(--tc-muted)}
.tc-section{margin-top:36px}.tc-section:first-of-type{margin-top:0}.tc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.tc-section-head-spaced{margin-top:8px}.tc-section-head h2{margin:3px 0 0;font-size:26px;color:var(--tc-ink)}.tc-section-head>a{color:var(--tc-primary-dark);text-decoration:none;font-weight:800;font-size:13px}.tc-section-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--tc-primary)}
.tc-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tc-category-tile{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border:1px solid var(--tc-line);border-radius:15px;background:#fff;color:#334155;text-decoration:none;font-weight:750;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease}.tc-category-tile:hover{transform:translateY(-2px);border-color:#c7d2fe;color:var(--tc-primary-dark)}.tc-category-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-category-tile strong{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:999px;background:#eef2ff;color:var(--tc-primary-dark);font-size:12px}
.tc-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-10px 0 18px;font-size:13px;color:var(--tc-muted)}.tc-breadcrumbs a{color:var(--tc-primary-dark);text-decoration:none;font-weight:700}.tc-breadcrumbs strong{color:#334155}
.tc-content-card{background:#fff;border:1px solid var(--tc-line);border-radius:20px;padding:clamp(22px,4vw,42px);box-shadow:var(--tc-shadow)}.tc-prose{font-size:16px;line-height:1.75;color:#475569}.tc-prose h1,.tc-prose h2,.tc-prose h3{color:var(--tc-ink);line-height:1.25}.tc-prose h1:first-child,.tc-prose h2:first-child,.tc-prose h3:first-child{margin-top:0}.tc-prose a{color:var(--tc-primary-dark)}.tc-prose img{max-width:100%;height:auto;border-radius:16px}
.tc-info-grid,.tc-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.tc-info-grid>div,.tc-contact-grid>a{display:grid;gap:7px;padding:20px;border-radius:16px;background:#f8fafc;border:1px solid var(--tc-line);text-decoration:none}.tc-info-grid strong,.tc-contact-grid strong{color:var(--tc-ink);font-size:16px}.tc-info-grid span,.tc-contact-grid span{color:var(--tc-muted);font-size:13px;line-height:1.5}.tc-contact-grid>a:hover{border-color:#c7d2fe;background:#eef2ff}
.tc-form-card{max-width:900px;margin:0 auto}.tc-form{display:grid;gap:22px}.tc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.tc-field-wide{grid-column:1/-1}.tc-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:13px;color:var(--tc-ink);font:inherit;line-height:1.5;resize:vertical;outline:none}.tc-field textarea:focus{border-color:var(--tc-primary);box-shadow:0 0 0 4px rgba(91,92,226,.11)}.tc-field small{color:var(--tc-muted);line-height:1.4}.tc-file{height:auto!important;padding:11px!important}.tc-form-actions{display:flex;gap:12px;flex-wrap:wrap}.tc-alert{padding:15px 17px;border-radius:13px;margin-bottom:20px;line-height:1.5}.tc-alert ul{margin:8px 0 0;padding-left:20px}.tc-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#166534}.tc-alert-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
.tc-detail{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;background:#fff;border:1px solid var(--tc-line);border-radius:24px;padding:30px;box-shadow:var(--tc-shadow)}.tc-detail-image{width:250px;height:250px;border-radius:24px;overflow:hidden;background:#eef2ff}.tc-detail-image img{display:block;width:100%;height:100%;object-fit:cover}.tc-detail-body{min-width:0}.tc-detail-body h1{font-size:clamp(30px,5vw,48px);line-height:1.08;margin:13px 0 14px;color:var(--tc-ink)}.tc-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.tc-tags span{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:700}.tc-detail-text{font-size:16px;line-height:1.75;color:#475569;word-break:break-word}.tc-extra{margin-top:20px;padding:17px;border-radius:15px;background:#f8fafc;border:1px solid var(--tc-line)}.tc-extra strong{color:var(--tc-ink)}.tc-extra p{margin:8px 0 0;color:#475569;line-height:1.6}.tc-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

@media(max-width:1020px){.tc-home-actions{grid-template-columns:1fr 1fr}.tc-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-info-grid,.tc-contact-grid{grid-template-columns:1fr 1fr}.tc-detail{grid-template-columns:190px minmax(0,1fr)}.tc-detail-image{width:190px;height:190px}}
@media(max-width:680px){.tc-hero-search{display:grid}.tc-home-actions,.tc-categories,.tc-info-grid,.tc-contact-grid,.tc-form-grid{grid-template-columns:1fr}.tc-field-wide{grid-column:auto}.tc-section-head{align-items:flex-start;display:block}.tc-section-head>a{display:inline-block;margin-top:8px}.tc-detail{grid-template-columns:1fr;padding:20px}.tc-detail-image{width:150px;height:150px;margin:0 auto}.tc-detail-body{text-align:center}.tc-detail-body .tc-category{margin:0 auto}.tc-tags,.tc-detail-actions{justify-content:center}.tc-detail-text{text-align:left}.tc-extra{text-align:left}}
.tc-error-page{max-width:720px;margin:40px auto}.tc-error-code{display:block;font-size:72px;line-height:1;font-weight:900;background:linear-gradient(135deg,var(--tc-primary),var(--tc-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.tc-error-page h1{margin:12px 0 8px;font-size:34px}.tc-error-page p{color:var(--tc-muted)}.tc-error-actions{justify-content:center;margin-top:22px}

/* ===== TGSearch.lol V4: единый интерфейс, кликабельные карточки и верхний баннер ===== */
.tc-top-banner-wrap{margin-top:22px}
.tc-top-banner{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px;border:1px solid rgba(79,70,229,.18);border-radius:19px;background:linear-gradient(115deg,#ffffff 0%,#f5f7ff 60%,#ecfeff 100%);box-shadow:0 13px 35px rgba(15,23,42,.08);color:var(--tc-ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tc-top-banner:hover{transform:translateY(-2px);border-color:rgba(79,70,229,.38);box-shadow:0 20px 45px rgba(15,23,42,.13)}
.tc-top-banner-image{display:block;width:76px;height:76px;border-radius:16px;overflow:hidden;background:#eef2ff}
.tc-top-banner-image img{display:block;width:100%;height:100%;object-fit:cover}
.tc-top-banner-content{min-width:0;display:grid;gap:4px}
.tc-top-banner-label{width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:10px;line-height:1.2;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.tc-top-banner-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.25}
.tc-top-banner-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tc-muted);font-size:13px;line-height:1.4}
.tc-top-banner-category{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--tc-line);color:#475569;font-size:12px;font-weight:800}

.tc-hero-without-counter{justify-content:flex-start}
.tc-hero-without-counter>div{width:min(820px,100%)}
.tc-section-no-top{margin-top:0}
.tc-categories-all{grid-template-columns:repeat(4,minmax(0,1fr))}

/* В карточках нет отдельных кнопок и вложенных ссылок: вся карточка — одна ссылка. */
a.tc-card{color:var(--tc-ink);text-decoration:none;cursor:pointer}
a.tc-card:focus-visible{outline:3px solid rgba(79,70,229,.32);outline-offset:3px}
.tc-card-image{display:block}
.tc-card-body{display:flex}
.tc-card-title{display:block;margin:8px 0 6px;font-size:17px;line-height:1.25;color:var(--tc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:var(--tc-muted);font-size:13px;line-height:1.5}
.tc-card-actions{display:none!important}

@media(max-width:1020px){
  .tc-top-banner{grid-template-columns:68px minmax(0,1fr)}
  .tc-top-banner-image{width:68px;height:68px}
  .tc-top-banner-category{display:none}
  .tc-categories-all{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .tc-top-banner-wrap{margin-top:14px}
  .tc-top-banner{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px;border-radius:15px}
  .tc-top-banner-image{width:58px;height:58px;border-radius:13px}
  .tc-top-banner-label{font-size:9px;padding:3px 7px}
  .tc-top-banner-content strong{font-size:15px}
  .tc-top-banner-description{font-size:12px}
  .tc-categories-all{grid-template-columns:1fr}
  .tc-card{align-items:flex-start}
  .tc-card-image{flex-basis:82px;width:82px;height:82px}
  .tc-card-title{font-size:16px}
}

/* ===== TGSearch.lol — 2026 redesign ===== */
:root{
  --tc-bg:#f3f7fb;
  --tc-surface:#ffffff;
  --tc-ink:#102a43;
  --tc-muted:#65758b;
  --tc-line:#dfe8f1;
  --tc-primary:#376cf6;
  --tc-primary-dark:#2453d4;
  --tc-cyan:#1dc8ea;
  --tc-shadow:0 18px 48px rgba(16,42,67,.09);
}
body.tc-page{background:radial-gradient(circle at 12% -5%,rgba(29,200,234,.12),transparent 27rem),var(--tc-bg);color:var(--tc-ink)}
.tc-header{background:rgba(248,251,255,.91);border-bottom:1px solid rgba(184,204,224,.62);box-shadow:0 8px 26px rgba(16,42,67,.045)}
.tc-header-inner{min-height:78px}
.tc-brand img{width:250px;height:60px}
.tc-nav a{color:#3b5369;border:1px solid transparent}
.tc-nav a:hover,.tc-nav a.is-active{background:#e9f2ff;border-color:#d8e6ff;color:#1f50cd}
.tc-main{padding-top:36px;padding-bottom:64px}
.tc-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.23);background:linear-gradient(122deg,#0e2c45 0%,#174d72 54%,#426bf5 100%);box-shadow:0 24px 58px rgba(14,44,69,.20)}
.tc-hero:after{content:"";position:absolute;right:-80px;top:-160px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(60,220,255,.32),rgba(60,220,255,0) 68%);pointer-events:none}
.tc-hero>div{position:relative;z-index:1}
.tc-hero h1{max-width:800px;letter-spacing:-.035em}
.tc-kicker{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#abf1ff}
.tc-hero-search{max-width:740px;border-radius:15px;background:rgba(255,255,255,.1);padding:6px;backdrop-filter:blur(8px)}
.tc-hero-search input{border-color:transparent;background:#fff;color:#17314a;border-radius:10px}
.tc-hero-search input::placeholder{color:#8494a6}
.tc-button{background:linear-gradient(135deg,#34d7f6,#5272fb);box-shadow:0 10px 24px rgba(54,108,246,.28)}
.tc-home-actions{gap:14px;margin-top:18px}
.tc-home-actions a{border-color:#dfe9f4;border-radius:18px;box-shadow:0 10px 28px rgba(16,42,67,.055)}
.tc-home-actions a:hover{border-color:#bed4ff;box-shadow:0 18px 36px rgba(16,42,67,.10)}
.tc-section-head h1,.tc-section-head h2{font-size:clamp(25px,3vw,33px);letter-spacing:-.025em}
.tc-section-kicker{color:#376cf6}
.tc-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
a.tc-card{display:block;padding:0;overflow:hidden;border-radius:19px;border:1px solid #dce7f1;box-shadow:0 10px 28px rgba(16,42,67,.065);background:#fff}
a.tc-card:hover{transform:translateY(-4px);border-color:#bfd3f9;box-shadow:0 22px 46px rgba(16,42,67,.13)}
a.tc-card .tc-card-image{display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:0;background:linear-gradient(135deg,#e9f5ff,#edf0ff)}
a.tc-card .tc-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
a.tc-card:hover .tc-card-image img{transform:scale(1.025)}
a.tc-card .tc-card-body{display:flex;padding:15px 16px 17px;min-height:133px;box-sizing:border-box}
a.tc-card .tc-category{background:#edf4ff;color:#2453d4;padding:5px 8px}
a.tc-card .tc-card-title{margin:9px 0 6px;font-size:16px;line-height:1.25}
a.tc-card .tc-card-description{-webkit-line-clamp:2;font-size:12.5px;line-height:1.45}
.tc-pagination{align-items:center;margin-top:34px;gap:7px}
.tc-pagination a{min-width:40px;height:40px;border-color:#d9e5f0;border-radius:11px;box-shadow:0 5px 14px rgba(16,42,67,.04)}
.tc-pagination a:hover{border-color:#aec7f8;color:#2453d4;background:#f7faff}
.tc-pagination a.is-current{background:linear-gradient(135deg,#376cf6,#506df7);border-color:#376cf6;box-shadow:0 8px 20px rgba(55,108,246,.24)}
.tc-page-gap{display:inline-flex;min-width:28px;height:40px;align-items:center;justify-content:center;color:#8393a6;font-weight:800}
.tc-page-arrow{font-size:22px}
.tc-categories,.tc-categories-all{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tc-category-tile{border-color:#dce7f1;box-shadow:0 8px 24px rgba(16,42,67,.05)}
.tc-category-tile:hover{border-color:#bed4ff;background:#fbfdff}
.tc-detail,.tc-content-card,.tc-form-card{border-color:#dce7f1;box-shadow:0 18px 48px rgba(16,42,67,.08)}
.tc-footer{background:#0e2c45;border-top:0;color:#b8cad9}
.tc-footer a{color:#dce9f4}.tc-footer a:hover{color:#fff}
.tc-top-banner{border-color:#dbe8f5;background:linear-gradient(115deg,#fff,#f4f9ff 60%,#ecfbff);box-shadow:0 13px 34px rgba(16,42,67,.075)}

@media(max-width:1100px){.tc-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  .tc-brand img{width:210px;height:54px}
  .tc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-categories,.tc-categories-all{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .tc-main{padding-top:22px;padding-bottom:42px}
  .tc-header-inner{padding-top:7px}
  .tc-brand img{width:196px;height:49px}
  .tc-nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:0 0 10px;scrollbar-width:none}
  .tc-nav::-webkit-scrollbar{display:none}
  .tc-nav a{white-space:nowrap}
  .tc-hero{padding:24px 20px;border-radius:20px}
  .tc-hero-search{display:grid;grid-template-columns:1fr;padding:5px}
  .tc-home-actions{grid-template-columns:1fr}
  .tc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  a.tc-card{display:block;border-radius:15px}
  a.tc-card .tc-card-image{width:100%;height:auto;aspect-ratio:1/1}
  a.tc-card .tc-card-body{padding:11px 11px 13px;min-height:116px;text-align:left}
  a.tc-card .tc-card-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  a.tc-card .tc-card-description{font-size:11.5px;-webkit-line-clamp:2}
  .tc-categories,.tc-categories-all{grid-template-columns:1fr}
  .tc-pagination a{min-width:36px;height:36px;padding:0 10px}.tc-page-gap{height:36px}
}