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