.how-it-works .card-container{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.how-it-works .card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:15px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;box-sizing:border-box;width:100%}.how-it-works .card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0003}.how-it-works .card h2{color:#03f;font-size:1.5rem;margin-bottom:10px;transition:color .3s ease}.student-card:hover h2,.student-card:hover .step-title{color:#ff5c97!important}.teacher-card:hover h2,.teacher-card:hover .step-title{color:#03f!important}.stepper{display:flex;flex-direction:column;gap:30px;position:relative;padding-left:10px}.step{display:flex;align-items:flex-start;gap:20px;position:relative}.step-number,.step-number-pink{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;position:relative;z-index:1}.step-number{background-color:#03f;color:#fff;font-size:1.125rem!important}.step-number-pink{background-color:#ff5c97;color:#fff;font-size:1.125rem!important}.step-content{flex:1}.step-title{font-size:1.125rem!important;font-weight:700;margin-bottom:5px}.step-description{font-size:1rem!important;color:#555}.how-it-works-title{text-wrap:nowrap}@media (min-width: 768px){.how-it-works .card-container{flex-direction:row;gap:40px}.how-it-works .card{flex:1;max-width:48%}.step-number,.step-number-pink{font-size:20px;width:45px;height:45px}.step-title{font-size:1.5rem}.step-description{font-size:1.1rem}}@media (max-width: 1200px){.step-number,.step-number-pink{font-size:16px;width:35px;height:35px}.step-title{font-size:1.1rem}.step-description{font-size:.9rem}}@media (max-width: 550px){.how-it-works-title{text-wrap:wrap!important}.gradient-border{margin:0!important}.how-it-works .card-container{padding:0 10px}.how-it-works .card{padding:15px}.step-number,.step-number-pink{font-size:14px;width:30px;height:30px}.step-title{font-size:1rem}.step-description{font-size:.85rem}.cta-section{height:auto;padding:20px 0}}@media screen and (max-width: 400px){.cta-section a{width:87%!important}}.gradient-border{position:relative;padding-top:20px}.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#fff,#ff5c97cc,#03fc,#fff);border-radius:10px;mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent);animation:border-animation 5s linear infinite;z-index:1}@keyframes border-animation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.bg-pink{background-color:#ff5c97!important}.bg-blue{background-color:#03f!important}button.bg-pink,a.bg-pink,button.bg-blue,a.bg-blue{position:relative;overflow:hidden;transition:all .3s ease}button.bg-pink:hover,a.bg-pink:hover{background-color:#ff2575!important;box-shadow:0 0 15px 5px #0003!important}button.bg-blue:hover,a.bg-blue:hover{background-color:#0000c8!important;box-shadow:0 0 15px 5px #0003!important}.cta-section{height:525px}.cta-section a{width:220px!important}.accordion-item{border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a}@media (max-width: 768px){.accordion-button{font-size:.9rem}}