*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:system-ui,sans-serif;background-color:#131313}button,h1,h2,h3,p,span{color:#fefefe;font-family:var(--font-bebas),sans-serif}h2{letter-spacing:2px}body,html{scroll-behavior:smooth!important}.main-layout{max-width:3000px;scroll-behavior:smooth}.container,.main-layout{width:100%;margin:0 auto}.container{max-width:1800px;padding:clamp(25px,5vw,90px) clamp(25px,4vw,50px)}.main-btn{min-width:150px;background-color:rgba(0,0,0,0);border-radius:15px;border-color:#131313}ul{display:flex}a{font-size:clamp(15px,1.5vw,20px);text-decoration:none;color:#fefefe;letter-spacing:2px}img{width:100%;image-orientation:from-image}p{font-size:clamp(15px,1.8vw,20px);margin:clamp(15px,2vw,20px) 0;line-height:clamp(25px,2.5vw,30px)}li,p{color:#fefefe}li{font-size:clamp(13px,1.5vw,18px);line-height:clamp(20px,2vw,25px)}.timetable-page{display:flex;flex-direction:column;width:100%;padding-bottom:2rem}.timetable-page .wrapper{padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,3rem);max-width:1700px;width:100%;margin:0 auto}.timetable-page .wrapper .header-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:clamp(200px,30vw,350px)}.timetable-page .wrapper .header-container h1{text-align:center;color:#fefefe;font-size:clamp(23px,7vw,100px);line-height:clamp(2.5rem,8vw,6rem);letter-spacing:clamp(2px,.5vw,5.5px)}.timetable-page .wrapper .header-container p{color:red;margin:0;letter-spacing:clamp(2px,.5vw,4px)}.timetable-page .wrapper .header-container .line{height:2px;width:100%;max-width:70px;background-color:red;margin-top:15px}.timetable-page .wrapper .schedule-container{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid hsla(0,0%,100%,.15)}@media only screen and (max-width:1300px){.timetable-page .wrapper .schedule-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.timetable-page .wrapper .schedule-container{grid-template-columns:1fr}}.timetable-page .wrapper .schedule-container .card{display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,2.5vw,2rem);background-color:#1b1b1b;border:1px solid #2b2b2b}.timetable-page .wrapper .schedule-container .card .title{display:flex;align-items:center;gap:10px}.timetable-page .wrapper .schedule-container .card .title .line{width:3px;height:2rem;background-color:red;flex-shrink:0}.timetable-page .wrapper .schedule-container .card .title h2{text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2vw,1.5rem)}.timetable-page .wrapper .schedule-container .card .classes{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,1rem)}.timetable-page .wrapper .schedule-container .card .classes .class{display:flex;flex-direction:column;gap:2px}.timetable-page .wrapper .schedule-container .card .classes .class span{font-weight:700;color:#c50101;font-size:clamp(11px,1.2vw,15px);letter-spacing:clamp(1px,.3vw,2px)}.timetable-page .wrapper .schedule-container .card .classes .class p{text-transform:uppercase;margin:0;font-weight:700}.timetable-page .contact-section{position:relative;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem);background-image:url(https://tpyleliyvxetxajjvjoy.supabase.co/storage/v1/object/public/assets/timetable/mat.png);background-size:cover;background-position:50%;background-repeat:no-repeat;max-width:3000px}.timetable-page .contact-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}.timetable-page .contact-section .wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem)}.timetable-page .contact-section .wrapper h2{text-align:center;color:#fefefe;font-size:clamp(1.5rem,5vw,65px);line-height:clamp(2rem,7vw,6rem);letter-spacing:clamp(2px,.5vw,4.5px)}.timetable-page .contact-section .wrapper p{text-align:center}.timetable-page .contact-section .wrapper .cta{color:#fefefe;background-color:red;padding:clamp(10px,1.5vw,15px) clamp(15px,2vw,25px);transition:all .3s ease}.timetable-page .contact-section .wrapper .cta:hover{background:#fefefe;color:#131313}