.cotd-hero{background:url(/assets/img/shared/hero-bg.jpg) 50%/cover no-repeat;padding-top:33px;padding-bottom:clamp(16px,12.6851px + .884vw,24px)}.cotd-hero .cotd-hero-grid-section{padding-top:clamp(32px,20.3978px + 3.0939vw,60px);grid-template-rows:1fr 1fr;grid-template-columns:minmax(500px,1fr) minmax(343px,412px) 301px;gap:clamp(16px,12.6851px + .884vw,24px);max-width:1300px;margin-inline:auto;padding-inline:20px;display:grid}.cotd-hero .cotd-hero-grid-section__grid-item{color:#fff;background-color:#1d384bbf;border-radius:20px;padding:clamp(24px,20.6851px + .884vw,32px);position:relative;overflow:hidden}.cotd-hero .cotd-hero-grid-section__grid-item>p{font-size:17px;font-weight:400;line-height:140%}.cotd-hero .cotd-hero-grid-section__grid-item .wrapper{align-items:center;display:inline-flex}.cotd-hero .cotd-hero-grid-section .grid-item-1{grid-row:span 2;padding-bottom:clamp(136px,107.409px + 7.6243vw,205px);position:relative}.cotd-hero .cotd-hero-grid-section .grid-item-1 svg{transform-origin:50%;pointer-events:none;width:110%;animation:300s linear infinite rotate;position:absolute;top:clamp(239px,231.541px + 1.989vw,257px);left:50%;transform:translate(-50%)rotate(0)}@keyframes rotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.cotd-hero .cotd-hero-grid-section .grid-item-1 .date{text-transform:uppercase;border:1px solid #fff;border-radius:100px;place-content:center;padding:8px 12px;font-size:14px;font-weight:500;line-height:140%;display:inline-grid}.cotd-hero .cotd-hero-grid-section .grid-item-1 h2{margin-top:20px;font-size:clamp(48px,41.7079px + 1.7978vw,64px);font-weight:600;line-height:110%}.cotd-hero .cotd-hero-grid-section .grid-item-1 .btn{background-color:var(--main-color);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:8px;place-content:center;margin-top:32px;padding:13px 24px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:inline-grid;position:relative}.cotd-hero .cotd-hero-grid-section .grid-item-1 .btn:hover,.cotd-hero .cotd-hero-grid-section .grid-item-1 .btn:focus-visible{background-color:var(--main-color-hover)}.cotd-hero .cotd-hero-grid-section .grid-item-1 .btn:active{background-color:var(--main-color-active)}.cotd-hero .cotd-hero-grid-section .grid-item-3{grid-column:2}.cotd-hero .cotd-hero-grid-section .grid-item-3 p{max-width:186px}.cotd-hero .cotd-hero-grid-section .grid-item-3 .examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex;rotate:-7deg}.cotd-hero .cotd-hero-grid-section .grid-item-3 .examples .examples__item{text-transform:uppercase;color:#0b1a48;background-color:#fff;border-radius:56px;padding:4px 6px;font-size:11px;font-weight:500;line-height:140%;display:inline}.cotd-hero .cotd-hero-grid-section .grid-item-4{background-color:#00161d8c;grid-area:1/3/3}.cotd-hero .cotd-hero-grid-section .grid-item-4 p{font-size:16px}.cotd-hero .inviting-authors{margin-inline:auto;color:#fff;background-color:#1d384bbf;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;max-width:min(90%,1260px);margin-top:clamp(16px,12.6851px + .884vw,24px);padding-block:22px;padding-inline:clamp(24px,20.6851px + .884vw,32px);display:flex}@media (max-width:700px){.cotd-hero .inviting-authors{flex-direction:column;align-items:flex-start;gap:24px}}.cotd-hero .inviting-authors__text{align-items:center;gap:16px;display:flex}.cotd-hero .inviting-authors__text>svg{width:32px}.cotd-hero .inviting-authors>a{text-decoration:underline}@media (max-width:1260px){.cotd-hero .cotd-hero-grid-section{grid-template-columns:minmax(500px,1fr) minmax(343px,412px)}.cotd-hero .cotd-hero-grid-section .grid-item-4{grid-area:3/1}}@media (max-width:890px){.cotd-hero .cotd-hero-grid-section{grid-template-rows:auto;grid-template-columns:1fr}.cotd-hero .cotd-hero-grid-section .grid-item-1{grid-area:1/1}.cotd-hero .cotd-hero-grid-section .grid-item-2{grid-area:2/1}.cotd-hero .cotd-hero-grid-section .grid-item-3{grid-area:3/1}.cotd-hero .cotd-hero-grid-section .grid-item-3 .wrapper{justify-content:space-between;display:flex}.cotd-hero .cotd-hero-grid-section .grid-item-3 .wrapper .examples{width:200px}.cotd-hero .cotd-hero-grid-section .grid-item-4{grid-area:4/1}}@media (max-width:720px){.cotd-hero{padding-top:53px}}