:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{margin:0;padding:0;font-family:Funnel Display,sans-serif}html,body{overflow-x:hidden}html .text-gradient,body .text-gradient{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#4f46e5,#1d4ed8);-webkit-background-clip:text;font-family:Asimovian,sans-serif}html button,html .btn,body button,body .btn{border:.5rem solid transparent;border-radius:.5rem;justify-content:center;align-items:center;height:2rem;padding-top:0;padding-bottom:0;padding-left:.9rem;padding-right:.9rem;font-size:16px;font-weight:500;display:flex}html button:hover,html .btn:hover,body button:hover,body .btn:hover{background-color:rgba(0,0,0,.247)}html .cta-button,body .cta-button{color:#fff;cursor:pointer;background-color:#4f46e5;border-radius:9999px;transition:all .3s}html .cta-button:hover,body .cta-button:hover{background-color:#3730a3;box-shadow:0 10px 20px rgba(79,70,229,.2)}html a,body a{color:inherit;text-decoration:none}body{flex-direction:column;justify-content:space-between;align-items:center;min-height:90.6vh;padding-top:4rem;display:flex}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.modal{z-index:100;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal.open{opacity:1;visibility:visible}.modal-close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;position:absolute;top:1rem;right:1rem}.modal-close-button:hover{color:#1f2937}.modal-content{background-color:#fff;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:90%;max-width:500px;padding-top:1.5rem;padding-bottom:1.5rem;transition:transform .3s;display:flex;position:relative;overflow-y:auto;transform:scale(.95)}.modal-content-desc{flex-direction:column;align-items:center;gap:1rem;width:90%;display:flex}.modal-content-desc .modal-title{font-size:2rem;font-weight:600}.modal-content-desc .modal-subtitle{color:#6b7280;font-size:.9rem}.modal-content form{flex-direction:column;align-items:center;gap:1.3rem;width:90%;display:flex}.modal-content form .form-group{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.modal-content form .form-group label{color:#1f2937;width:100%;font-size:.9rem;font-weight:500;display:block}.modal-content form .form-group input{height:2rem}.modal-content form .form-group input,.modal-content form .form-group textarea{color:#1f2937;background-color:#f3f4f6;border:1px solid #000;border-radius:.3rem;width:100%;padding-top:.25rem;padding-bottom:.25rem}.modal-content form .form-group input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group input:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group textarea:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group textarea:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group textarea:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:.5rem}.modal-content form .form-group input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group input:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group textarea:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group textarea:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group textarea:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:.5rem}.modal-content form .form-group input::placeholder,.modal-content form .form-group textarea::placeholder{padding-left:1rem;padding-right:1rem}.modal-content form .form-group input:focus,.modal-content form .form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.2)}.modal-content form .form-buttons{justify-content:flex-end;gap:1rem;display:flex}.modal-content form .cancel-button{color:#1f2937;cursor:pointer;background-color:#e5e7eb;border:none}.modal-content form .cancel-button:hover{background-color:#d7dae0}main{flex-direction:column;align-items:center;width:100%;display:flex}main .course-hero{background-image:linear-gradient(rgba(255,255,255,.235),#000),url(/course-hero.png)}main .home-hero{background-image:linear-gradient(rgba(255,255,255,.235),rgba(0,0,0,.816)),url(/home-hero2.png)}main .about-hero{background-image:linear-gradient(rgba(255,255,255,.235),rgba(0,0,0,.816)),url(/home-hero.png)}main .hero{text-align:center;background-blend-mode:multiply;color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}@media (min-width:786px){main .hero{height:100vh}}main .hero-inner{flex-direction:column;justify-content:center;align-items:center;width:90%;display:flex}main .hero-inner .hero-title{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.25}@media (min-width:768px){main .hero-inner .hero-title{font-size:3.75rem}}@media (min-width:1024px){main .hero-inner .hero-title{font-size:4.5rem}}main .hero-inner .hero-description{max-width:48rem;color:inherit;margin:0 auto 2rem;font-size:1.125rem}@media (min-width:768px){main .hero-inner .hero-description{width:-moz-fit-content;width:fit-content;font-size:1.4rem}}main section{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:50vh;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}@media (min-width:786px){main section{min-height:80vh}}main section .section-header{text-align:center;gap:1.5rem;width:90%;display:grid}main section .section-header .section-title{font-size:2rem;font-weight:700}@media (min-width:768px){main section .section-header .section-title{font-size:2.4rem}}@media (min-width:1024px){main section .section-header .section-title{font-size:2.6rem}}main section .section-header .section-subtitle{text-align:center;flex-direction:column;align-items:center;width:90%;display:flex}main section p{color:#6b7280;font-size:.94rem}@media (min-width:768px){main section p{font-size:1.04rem}}main .card-grid{grid-template-columns:1fr;gap:2rem;width:90%;display:grid}@media (min-width:768px){main .card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){main .card-grid{grid-template-columns:repeat(3,1fr)}}main .card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.5rem;transition:transform .3s}main .card:hover{transform:scale(1.05)}main .card-icon{color:#4f46e5;background-color:#eef2ff;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}main .card-icon svg{width:2rem;height:2rem}main .card-title{width:100%;font-size:1.5rem;font-weight:600}main .card-description{color:#6b7280;flex-grow:1;width:100%}main .card-link{color:#4f46e5;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}main .card-link:hover{color:#7a73eb}main .card.course-card{text-align:left;flex-direction:column;align-items:flex-start;display:flex}main .testimonials-section{background-color:#e5e7eb}main .testimonials-section .testimonial-carousel{width:90%;max-width:42rem;margin:0 auto;position:relative}main .testimonials-section .testimonial-card{text-align:center;background-color:#fff;border-radius:1.5rem;padding:2rem;transition:all .5s ease-in-out}main .testimonials-section .testimonial-quote{color:#4b5563;justify-content:center;align-items:center;min-height:100px;margin-bottom:1.5rem;font-size:1rem;display:flex}main .testimonials-section .testimonial-author-info{text-align:left;align-items:center;width:100%;display:flex}main .testimonials-section .author-avatar{background-color:#4f46e5;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;margin-right:.4rem;display:flex}main .testimonials-section .author-avatar i{justify-content:center;align-items:center;width:100%;height:100%;display:flex}main .testimonials-section .author-details p{margin:0}main .testimonials-section .author-name{font-weight:600}main .testimonials-section .author-title{color:#6b7280;font-size:.875rem}main .testimonials-section .testimonial-nav{justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:50%}main .testimonials-section .testimonial-nav button{color:#6b7280;cursor:pointer;background-color:#1f2937;border:none;border-radius:9999px;padding:.5rem;transform:translateY(-50%);box-shadow:0 4px 6px rgba(0,0,0,.1)}main .testimonials-section .testimonial-nav button:hover{background-color:#f3f4f6}main .testimonials-section .testimonial-nav.prev{left:0}main .testimonials-section .testimonial-nav.next{right:0}main .memories-card{cursor:pointer;border-radius:1.5rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}main .memories-card:hover{transform:translateY(-5px)}main .memories-card .media-container{background-color:#374151;width:100%;padding-bottom:66.67%;position:relative}main .memories-card .media-container img,main .memories-card .media-container video{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}main .memories-card .video-play-button{pointer-events:none;background-color:rgba(0,0,0,.5);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .memories-card .video-play-button svg{fill:#fff;width:32px;height:32px}main .memories-card .memories-card:hover .video-play-button{opacity:0}main .memory-overlay{color:#fff;text-align:center;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-size:1rem;font-weight:500;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;left:0}main .memory-overlay.active{opacity:1;visibility:visible}main .team-card{background-color:#fff;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;height:45vh;transition:all .5s;display:flex;transform:translateY(-5px);box-shadow:0 4px 6px rgba(0,0,0,.1)}main .team-card-inner{flex-direction:column;align-items:center;gap:.2rem;padding:1rem;display:flex}main .team-card-inner .team-image{object-fit:cover;border-radius:1rem;width:100%;height:auto}main .team-card-inner .team-name{width:100%;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}main .team-card-inner .team-title{color:#6b7280;width:100%;font-size:1rem}main .team-card-inner .about{color:purple;cursor:pointer;align-items:center;gap:.5rem;width:100%;font-size:14px;display:flex}main .team-card .team-description{object-fit:cover;opacity:0;background-color:#000;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;bottom:0;left:-100vw;right:0}main .team-card .team-description-inner{color:#fff;flex-direction:column;justify-content:space-between;align-items:center;width:90%;height:100%;padding-top:1rem;padding-bottom:1rem;display:flex}main .team-card .team-description-inner .top{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}main .team-card .team-description-inner .top-header{justify-content:space-between;align-items:center;width:100%;display:flex}main .team-card .team-description-inner .top-header h2{color:#fff;width:100%;font-size:18px;font-weight:500}main .team-card .team-description-inner .top-header h2 .text-gradient{font-weight:600}main .team-card .team-description-inner .top-header i{cursor:pointer}main .team-card .team-description-inner .top p{color:#fff;width:100%;font-size:16px;line-height:1.5}main .team-card .team-description-inner .bottom{width:100%}main .team-card.hide{transform:translateY(0)}main .team-card.hide .team-description{opacity:1;left:0}main .cta-section{gap:1rem}main .cta-section p{text-align:center;width:90%}.card-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:2rem;transition:transform .3s}.card:hover{transform:scale(1.05)}.course-card{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.card-icon{color:#4f46e5;background-color:#eef2ff;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.card.course-card .card-icon{margin-left:0}.card-icon svg{width:2rem;height:2rem}.card-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.card-description{color:#6b7280;flex-grow:1;margin-bottom:1rem}.card-link{color:#4f46e5;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.card-link:hover{color:#7a73eb}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background-color:rgba(255,255,255,.8);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:4rem;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;top:0;left:0;right:0}.header .logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.header .logo .logo-icon{color:#4f46e5;width:2rem;height:2rem}.header .logo .logo-text{font-size:1.25rem;font-weight:700}.header .logo .logo-text.text-gradient{color:gray}.header-nav{justify-content:space-between;align-items:center;display:flex}.header-nav .nav-links{visibility:hidden;gap:1.5rem}@media (min-width:768px){.header-nav .nav-links{visibility:visible;display:flex}}.header-nav .nav-links a{text-transform:capitalize;color:#6b7280;transition:color border .2s ease;text-decoration:none}.header-nav .nav-links a.active{color:#4f46e5;border-bottom:1px solid;font-weight:600}.header-nav .nav-links a:hover{color:#4f46e5}.header .btn{display:none}.header .fa-user{color:#6b7280;background-color:#000;border-radius:100%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:none}.header .fa-user:hover{color:#4f46e5}.header .back{z-index:40;color:#fff;background-color:#4f46e5;border-radius:100%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;left:1rem}.header .back:hover{background-color:#3730a3}.header-nav-mobile{background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;height:85vh;padding-top:4rem;padding-bottom:2em;transition:all .5s;display:flex;position:fixed;top:0;left:-100vh;right:100vh;box-shadow:0 4px 6px rgba(0,0,0,.1)}.header-nav-mobile.show{left:0;right:0}.header-nav-mobile .nav-links{text-transform:capitalize;flex-direction:column;justify-content:center;width:90%;display:flex}.header-nav-mobile .nav-links .nav-link{border-radius:1rem;align-items:center;width:90%;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1.05rem;font-weight:500;transition:all .4s;display:flex}.header-nav-mobile .nav-links .nav-link:hover,.header-nav-mobile .nav-links .nav-link.active{color:#fff;background-color:#4f46e5}.header-nav-mobile .btn{width:90%;height:1.5rem;padding-left:0;padding-right:0;font-size:14px;font-weight:300;display:flex}.header-nav-mobile .fa-user{display:flex}@media (min-width:768px){.header .fa-bars,.header .back{display:none}.header .fa-user{display:flex}.header .btn{height:1.2rem;display:block}.header-nav-mobile{display:none}}:root{--primary-color:#4f46e5;--primary-dark-color:#4338ca;--accent-color:#a5b4fc;--text-color:#1f2937;--text-light-color:#4b5563;--bg-color:#f9fafb;--bg-card:#fff}.loading{justify-content:center;align-items:center;min-height:90vh;display:flex}.layout{flex-direction:column;align-items:center;width:100%;display:flex}.layout .breadcrumbs-container{justify-content:space-between;align-items:center;gap:3rem;width:90%;height:4rem;display:flex}.layout .breadcrumbs-container h1,.layout .breadcrumbs-container h2,.layout .breadcrumbs-container span,.layout .breadcrumbs-container a{color:var(--text-light-color);font-size:.9rem;font-weight:500}.layout .breadcrumbs-container i{cursor:pointer}.layout .breadcrumbs-container .line-clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:auto;display:-webkit-box;overflow:hidden}.layout .breadcrumbs-container .coursesNav{background-color:#fff;border:1px solid #d2cece;flex-direction:column;justify-content:center;align-items:center;width:auto;transition:all .5s;display:flex;position:fixed;top:7rem;left:-100vh}.layout .breadcrumbs-container .coursesNav.show{left:1.5rem}.layout .breadcrumbs-container .coursesNav .top{border-bottom:1px solid #d2cece;justify-content:center;align-items:center;width:100%;height:2rem;display:flex}.layout .breadcrumbs-container .coursesNav .top-inner{justify-content:space-between;align-items:center;width:90%;display:flex}.layout .breadcrumbs-container .coursesNav .top-inner h1{font-size:16px;font-weight:700}.layout .breadcrumbs-container .coursesNav .top-inner i{color:var(--text-light-color);font-size:.7rem}.layout .breadcrumbs-container .coursesNav .bottom{flex-direction:column;width:100%;display:flex}.layout .breadcrumbs-container .coursesNav .bottom .active{background-color:var(--primary-color)}.layout .breadcrumbs-container .coursesNav .bottom .active span,.layout .breadcrumbs-container .coursesNav .bottom .active i{color:#fff}.layout .breadcrumbs-container .coursesNav .bottom a{align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;display:flex}.layout .breadcrumbs-container .coursesNav .bottom a i{font-size:1rem}.layout .breadcrumbs-container .coursesNav .bottom a:hover{background-color:var(--primary-color)}.layout .breadcrumbs-container .coursesNav .bottom a:hover span,.layout .breadcrumbs-container .coursesNav .bottom a:hover i{color:#fff}.layout .breadcrumbs-container .breadcrumbs{justify-content:start;align-items:center;gap:.5rem;font-size:1rem;display:flex}.layout .breadcrumbs-container .breadcrumbs .select{color:var(--primary-color)}.layout .breadcrumbs-container .breadcrumbs .select:hover{text-decoration:underline}.layout .breadcrumbs-container .next-course{color:var(--primary-color);flex-direction:column;justify-content:end;font-size:.9rem;font-weight:500;display:flex}.layout .breadcrumbs-container .next-course h1{font-size:11.5px;font-weight:600}.layout .breadcrumbs-container .next-course .next{width:100%;color:var(--primary-color);justify-content:center;align-items:center;display:flex}.layout .breadcrumbs-container .next-course .next span{color:var(--primary-color)}.layout .breadcrumbs-container .next-course .next:hover{text-decoration:underline}.single-course{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex}.single-course .hero{width:90%;height:10vh;min-height:10vh}.single-course .hero h2{font-size:1.5rem}@media (min-width:768px){.single-course .hero{height:20vh}.single-course .hero h2{font-size:2.6rem}}.single-course .hero{background-image:linear-gradient(rgba(79,70,229,.8),rgba(79,70,229,.8)),url(/home-hero.png)}.intro{justify-content:start;width:90%}.intro-1,.intro-2,.intro-3{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.intro h1,.intro h2{width:100%;font-size:1.25rem}.intro p{width:100%;color:var(--text-light-color)}.intro p strong{font-weight:900}.grid-container{grid-template-columns:repeat(1,1fr);gap:2rem;width:90%;display:grid}@media (min-width:768px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}.card-number{background-color:var(--accent-color);color:var(--primary-dark-color);border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:flex;position:relative;bottom:1rem}.card-title{width:100%;font-size:1.25rem;font-weight:700}.card-text{color:var(--text-light-color)}.modal-overlay{z-index:50;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay .modal-content{background-color:var(--bg-card);border-radius:1rem;flex-direction:column;justify-content:start;align-items:center;width:100%;max-width:28rem;max-height:90%;display:flex;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.modal-overlay .modal-content-inner{flex-direction:column;align-items:center;gap:1rem;width:90%;display:flex}.modal-overlay .modal-header{justify-content:space-between;align-items:center;width:90%;display:flex}.modal-overlay .modal-header .modal-title{font-size:1.5rem;font-weight:700}.modal-overlay .modal-description{color:var(--text-light-color);width:90%;margin-bottom:1.5rem}.modal-overlay .form-group{margin-bottom:1rem}.modal-overlay .form-label{color:var(--text-color);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.modal-overlay .form-input,.modal-overlay .form-select,.modal-overlay .form-textarea{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.5rem 1rem;transition:all .2s ease-in-out}.modal-overlay .form-input:focus,.modal-overlay .form-select:focus,.modal-overlay .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color);outline:none}.subject-modal .modal-content{max-width:48rem}.subject-modal .modal-content .subject-section{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;align-items:center;gap:.8rem;width:100%;padding-top:1rem;padding-bottom:1rem;display:flex}.subject-modal .modal-content .subject-section h4{width:90%;font-size:1.125rem;font-weight:600}.subject-modal .modal-content .subject-section .topics-grid{grid-template-columns:repeat(1,1fr);gap:.5rem;width:90%;display:grid}.subject-modal .modal-content .subject-section .topics-grid .topic-link-card{background-color:var(--accent-color);color:var(--primary-dark-color);border-radius:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .2s ease-in-out;display:block}.subject-modal .modal-content .subject-section .topics-grid .topic-link-card:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (min-width:640px){.subject-modal .modal-content .subject-section .topics-grid{grid-template-columns:repeat(2,1fr)}}.footer{flex-direction:column;justify-content:center;align-items:center;width:100%;height:4rem;display:flex}.footer p{color:#6b7280;margin:0}:root{--bg-gray-50:#f9fafb;--text-gray-800:#1f2937;--text-gray-900:#111827;--bg-white:#fff;--bg-indigo-600:#4f46e5;--bg-indigo-700:#4338ca;--bg-indigo-50:#eef2ff;--bg-sky-100:#e0f2fe;--text-indigo-900:#1e2b4f;--text-indigo-600:#4f46e5;--text-gray-700:#374151;--text-indigo-100:#e0e7ff;--text-gray-400:#9ca3af;--text-gray-600:#4b5563}.journey{align-items:center;gap:2rem;width:90%}.journey-left{flex-direction:column;gap:.5rem;width:100%;display:flex}.journey-left-text{flex-direction:column;gap:1rem;display:flex}.journey-left-text .text-gradient{font-weight:600}.journey-left-text p{line-height:1.5rem}.journey-image{width:40%;height:50vh;display:none}.journey-image img{object-fit:cover;border-radius:1rem;width:100%;height:100%}@media (min-width:786px){.journey{display:flex}.journey-left{width:60%}.journey-left .section-header{align-items:start;width:100%}.journey-left .section-header .section-title{width:100%}.journey-image{display:flex}}.gallery-grid{grid-template-columns:1fr;gap:1.5rem;width:90%;display:grid}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.gallery-card{background-color:var(--bg-white);border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;width:auto;height:40vh;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;transition-property:transform;transition-duration:.3s;display:flex;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.gallery-card-image{border-radius:.6rem;align-items:center;width:100%;height:85%;display:flex;overflow-y:hidden}.gallery-card-image img{width:100%;height:auto}.gallery-card-text{flex-direction:column;align-items:center;width:100%;height:15%;display:flex}.gallery-card-text p{width:100%;font-size:16px;font-weight:400}.gallery-card:hover{transform:scale(1.05)}
