body{background:#f6f7ff;&:after{content:"";display:block;width:100%;height:auto;aspect-ratio:4 / 5;position:absolute;inset:0 0 auto;z-index:-1;background:82% 14% / 25% 21% no-repeat radial-gradient(#ffd8fb,transparent 70%),73% 8% / 22% 19% no-repeat radial-gradient(#ffdee3,transparent 70%),21% 28% / 38% 30% no-repeat radial-gradient(#dbffad,transparent 70%),26% 36% / 28% 23% no-repeat radial-gradient(#95ffee,transparent 70%),80% 80% / 38% 28% no-repeat radial-gradient(#e3dbff,transparent 70%)}}header{padding:6rem 4rem 0;text-align:center;h1{margin:0;font-size:clamp(2rem,2.5vw + 1.4rem,3.4rem)}p{font-size:clamp(1.1rem,.3vw + 1rem,1.2rem)}}#sessions{--columns: 3;display:grid;grid:auto / repeat(var(--columns),1fr);gap:2rem;padding-top:0;@media (width < 900px){--columns: 2}@media (width < 650px){--columns: 1}}section.session{display:flex;flex-direction:column;padding:2rem 2.5rem 2rem 4rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #00000026;h3{margin:0;font-size:1.5rem;line-height:1.3;position:relative;&:before{content:"";display:inline-block;width:1.3rem;height:1.3rem;margin:0 1rem 0 -2.3rem;background-color:var(--accent-color);border-radius:.4rem}}.action{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;padding:2rem 0 0;margin-top:auto;a{padding:.8rem 1.4rem;color:#fff;background:#5330df;border-radius:.4rem;font-weight:600;text-decoration:none;transition:opacity .2s;&:hover{opacity:.8}}.duration{font-weight:600}}}footer-menu{margin-top:4rem;background:none}