.ramadan-registration-section{display:flex;justify-content:center;align-items:center;padding:10vh 0;background:#FFFFFF;min-height:80vh}.ramadan-form-container{background-color:#fff;border-radius:28px;padding:5vh 4vw;width:50vw;box-shadow:0 10px 40px rgba(49,46,211,.1);border:1px solid rgba(239,92,102,.1);position:relative;overflow:hidden}.ramadan-form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#EF5C66,#312ed3)}.ramadan-form-title{font-weight:700;font-size:2.2vw;color:#312ed3;margin-bottom:1vh}.ramadan-form-subtitle,.ramadan-form-title{font-family:var(--font-andika),sans-serif;text-align:center}.ramadan-form-subtitle{font-weight:400;font-size:1vw;color:#666;margin-bottom:4vh}.ramadan-form{gap:3vh}.form-group,.ramadan-form{display:flex;flex-direction:column}.form-group{gap:1vh}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1vw}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:3vh}}.form-label{font-weight:600}.form-input,.form-label,.form-select{font-family:var(--font-andika),sans-serif;font-size:1vw;color:#363636}.form-input,.form-select{border:1px solid #eaeafb;border-radius:999px;padding:1vw 1.5vw;background-color:#FAFAFF;transition:all .3s ease;height:3.5vw;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#312ed3;background-color:#fff;box-shadow:0 0 0 4px rgba(49,46,211,.1)}.upload-section{border:2px dashed #eaeafb;border-radius:1vw;padding:3vh;display:flex;flex-direction:column;align-items:center;gap:2vh;background-color:#FAFAFF;transition:all .3s ease}.upload-section:hover{border-color:#312ed3;background-color:#f0f0ff}.upload-label-row{gap:.5vw;margin-bottom:1vh}.info-icon,.upload-label-row{display:flex;align-items:center}.info-icon{background-color:#312ed3;color:#fff;width:1.2vw;height:1.2vw;border-radius:50%;justify-content:center;font-size:.8vw;font-weight:700;cursor:pointer;position:relative;font-family:sans-serif}.info-popup{position:absolute;bottom:150%;left:50%;transform:translateX(-50%);background-color:#fff;padding:1.5vw;border-radius:.8vw;box-shadow:0 10px 30px rgba(0,0,0,.15);width:20vw;z-index:100;border:1px solid #eaeafb;display:none;text-align:center}.info-icon:hover .info-popup{display:block}.info-popup h4{color:#312ed3;margin-bottom:1vh;font-size:1vw}.info-popup p{font-size:.9vw;color:#666;line-height:1.5}.upload-instruction{font-size:.9vw;color:#EF5C66;text-align:center;font-weight:500}.ramadan-submit-btn{background:#312ed3;color:#fff;padding:15px 50px;border-radius:999px;font-family:var(--font-andika),sans-serif;font-weight:700;font-size:18px;border:none;cursor:pointer;transition:all .3s ease;margin-top:2vh;width:60%;align-self:center}.ramadan-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(49,46,211,.3)}.ramadan-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-status{text-align:center;padding:1vw;border-radius:.5vw;margin-top:1vh;font-weight:600}.status-success{background-color:#d4edda;color:#155724}.status-error{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.ramadan-form-container{width:90vw;padding:5vh 5vw}.ramadan-form-title{font-size:6vw}.form-label,.ramadan-form-subtitle{font-size:3.5vw}.form-input,.form-select{height:12vw;font-size:3.5vw;padding:0 4vw;border-radius:999px}.info-icon{width:5vw;height:5vw;font-size:3vw}.info-popup{width:70vw;padding:4vw}.info-popup h4{font-size:3.5vw}.info-popup p{font-size:3vw}.ramadan-registration-section .submit-btn{padding:3vw;font-size:4vw}.upload-instruction{font-size:3vw}}footer:where(:not(.library-footer)){display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:70px;gap:35px}.newsletter-container{width:calc(100% - (2 * var(--homepage-margin)));display:flex;align-items:center;justify-content:space-between;padding:50px 40px;background-color:initial;border-radius:40px;gap:20px;box-shadow:none}.newsletter-intro{display:flex;flex-direction:column;gap:15px}.newsletter-form{display:flex;justify-content:center;align-items:center;gap:35px;border:none;border-radius:999px;padding:20px;font-family:var(--font-andika),sans-serif;font-weight:400}.newsletter-email{padding:10px;font-size:15px;border-radius:999px;color:rgba(122,122,122,1)}.newsletter-email:focus{outline:none}.newsletter-submit-btn{background-color:#312ed3;border:1px solid #312ed3;color:#fff;border-radius:999px;cursor:pointer;padding:20px 40px;transition:.2s;font-size:15px}.newsletter-section-container,.newsletter-submit-btn{display:flex;align-items:center;justify-content:center}.newsletter-section-container{flex-direction:column;gap:10px}.newsletter-success{color:green;margin-top:20px}.newsletter-error{color:red;margin-top:20px}.newsletter-submit-btn:hover{background-color:initial;color:#312ed3}:where(.site-footer) .footer-container{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #0f518b1c;width:calc(100% - (2 * var(--homepage-margin)));padding:30px 0}.hero-socials-container{display:flex;justify-content:center}.socials-container{border-radius:999px;padding:15px 35px;background:#f9f9f9c3}.social-medias{display:flex;justify-content:center;align-items:center;gap:15px}.footer-copywrites{font-family:var(--font-andika),sans-serif;font-weight:400;color:#0a142f;font-size:15px}.social{transition:.2s}.social>img{width:35px}.social:hover{opacity:70%;transform:scale(1.1)}.footer-bg-img{width:250px}@media (max-width:1200px){.newsletter-container{gap:40px}}@media (max-width:1024px){.newsletter-container{flex-direction:column}.newsletter-submit-btn{padding:17px 35px;font-size:13px}.newsletter-email{font-size:13px}}@media (max-width:768px){:where(.site-footer) .footer-container{flex-direction:column;gap:30px}}@media (max-width:480px){.newsletter-form{gap:20px;padding:20px 40px;flex-direction:column;border-radius:20px;width:100%}.newsletter-email{text-align:center;border:1px solid #312ed3;border-radius:20px;padding:20px 30px}.newsletter-container{padding:50px 0}.newsletter-submit-btn{width:100%}}@media (max-width:350px){.newsletter-form{padding:0;border:none}.newsletter-email{text-align:center;border:1px solid #312ed3;border-radius:20px;padding:20px 30px}.newsletter-container{padding:50px 0}.newsletter-submit-btn{width:100%}}