.main-container{display:flex;background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/images/home-background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:92vh;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.home-title{display:flex;font-size:clamp(2rem,6vw,3.125rem);text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.7);line-height:1.2;margin-bottom:1rem}.home-title,.subtitle{text-align:center;color:white}.subtitle{text-shadow:0 2px 5px rgba(0,0,0,.85),0 0 1px rgba(0,0,0,.6);font-size:clamp(1rem,3vw,1.25rem);line-height:1.4;max-width:600px}.text-wrapper{flex-direction:column;background:rgba(0,0,0,.4);padding:1rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:90%;width:100%;box-sizing:border-box}.about-section,.text-wrapper{display:flex;align-items:center}.about-section{background-color:#112a67;padding:4rem 2rem;justify-content:center}.about-content{max-width:800px;color:white;width:100%}.about-content h2{font-size:clamp(1.75rem,5vw,2.25rem)}.about-content h2,.about-content h3{margin-bottom:1rem;color:white;text-align:center}.about-content h3{font-size:clamp(1rem,4vw,1.75rem)}.about-content h4{font-size:clamp(1rem,3vw,1.5rem);margin-bottom:1rem;color:#ecb557}.about-content p{line-height:1.6;text-align:center}.about-content p,.why-join-list{font-size:clamp(1rem,2.5vw,1.125rem);color:white}.why-join-list{text-align:left;margin-top:2rem;padding-left:1.5rem;list-style-type:disc;line-height:1.8}.video-wrapper{margin-top:2rem;width:100%;max-width:800px;aspect-ratio:16/9}.video-wrapper iframe{width:100%;height:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}@media (max-width:768px){.main-container{padding:1rem;min-height:85vh}.text-wrapper{padding:1.5rem 1rem;margin:0 1rem;max-width:95%}.home-title{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1.125rem;padding:0 .5rem}.button-container{gap:.75rem;margin-top:1.25rem}.register-button,.syllabus-button{padding:.625rem 1.75rem;font-size:1rem}.about-section{padding:3rem 1rem}.about-content{max-width:100%}.about-content h2{font-size:2rem;margin-bottom:1.5rem}.about-content p{font-size:1rem;text-align:left;margin-bottom:1rem}.why-join-list{padding-left:1.25rem;font-size:1rem}.video-wrapper,.why-join-list{margin-top:1.5rem}}@media (max-width:480px){.main-container{padding:.75rem;min-height:80vh}.text-wrapper{padding:1.25rem .75rem;margin:0 .5rem;border-radius:8px}.home-title{font-size:2rem;line-height:1.1}.subtitle{font-size:1rem;line-height:1.3}.button-container{gap:.5rem;margin-top:1rem}.register-button,.syllabus-button{padding:.5rem 1.5rem;font-size:.9rem}.about-section{padding:2rem .75rem}.about-content h2{font-size:1.75rem}.about-content p{font-size:.9rem;line-height:1.5}.why-join-list{font-size:.9rem;padding-left:1rem}}@media (min-width:1200px){.about-section{padding:4rem 20rem}}.imp-text{color:rgb(228,76,76)}.button-container{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem;flex-wrap:wrap}.syllabus-button{display:inline-block;background:linear-gradient(135deg,#ecb557,#e3a623);color:#112a67;text-decoration:none;padding:.75rem 2rem;border-radius:50px;font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);transition:all .3s ease;box-shadow:0 4px 15px rgba(236,181,87,.3);border:2px solid transparent}.syllabus-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(236,181,87,.4);background:linear-gradient(135deg,#f4c767,#ecb557)}.syllabus-button:active{transform:translateY(0);box-shadow:0 2px 10px rgba(236,181,87,.3)}.register-button{display:inline-block;background:linear-gradient(135deg,#112a67,#1e3a7a);color:#e3a623;text-decoration:none;padding:.75rem 2rem;border-radius:50px;font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);transition:all .3s ease;box-shadow:0 4px 15px rgba(17,42,103,.3);border:2px solid transparent}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(17,42,103,.4);background:linear-gradient(135deg,#0e2767,#112a67);color:#e3a623}.register-button:active{transform:translateY(0);box-shadow:0 2px 10px rgba(17,42,103,.3)}