:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth;overflow-x:hidden;overflow-y:hidden}.splash-screen{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(120% 70% at 50% 40%,#5bcea4,#003350);background-size:cover}.splash-image{width:400px;z-index:1000;animation:scaleUp 1.5s ease forwards}.spine-image{position:absolute;height:50px;bottom:20px;left:50%;transform:translate(-50%)}.splash-university{width:1000px;position:absolute;z-index:500;bottom:0}@media (max-width: 768px){.splash-screen{background:radial-gradient(90% 60% at 50% 50%,#5bcea4,#003350)}.splash-image{width:250px}.spine-image{height:40px}}@keyframes scaleUp{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.2);opacity:1}}.button-container{width:100%;position:fixed;bottom:0;left:0;background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 6.6px #00000014;padding:15px}.button-container button{display:flex;justify-content:center;align-items:stretch;width:100%;cursor:pointer;background-color:#fccc16;padding:10px;border:none;border-radius:50px;position:relative}.shine-effect{width:50px;position:absolute;background:linear-gradient(120deg,#fff0 20%,#fffc,#fff0 80%);top:0;left:0;width:250px;height:100%;background:linear-gradient(90deg,#fff0 20%,#ffffffe6,#fff0 80%);animation:shine 4s infinite linear}.button-container button span{color:#003350;font-family:Poppins,serif;font-weight:600;font-size:16px;transform:translateY(2.5px)}.button-container button img{width:30px}.collected-so-far{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin:50px 0 100px;background:linear-gradient(270deg,#0b7d88,#04aa96)}.collected-so-far h1{font-family:Inter,serif;font-weight:700;font-size:51.59px;color:#fff}.collected-so-far h2{font-family:Poppins,serif;font-weight:400;font-size:14px;padding:2px 10px;color:#fff;border:1px solid #ffffff;border-radius:50px}.top-content .banner img{width:100%;margin-top:40px}.amount-count{background-color:#3a3a3a;padding:20px 40px;margin:20px 40px;border-radius:20px;position:relative}.amount-count h1{font-family:Roboto,serif;font-weight:400;font-size:14px;color:#fff}.amount-count h2{font-family:Roboto,serif;font-weight:900;font-size:40px;color:#fff}.web-view{height:100vh;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 100px}.darul-huda{width:100px;position:absolute;top:50px;left:100px}.right-part{display:flex;justify-content:center;flex-direction:column;gap:40px;width:500px}.right-part .collections{text-align:center;padding:35px;border:3px solid #ffffff;border-radius:20px;position:relative;background:linear-gradient(270deg,#0b7d88,#04aa96)}.right-part .collections h1{font-family:Inter,serif;font-weight:600;font-size:55px;color:#fff}.right-part .collections h2{font-family:Poppins,serif;font-weight:400;font-size:17.36px;color:#121212;background-color:#fff;padding:5px 20px;position:absolute;left:50%;transform:translate(-50%);bottom:-20px;border-radius:20px}.right-part button{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;background-color:#fff;cursor:pointer;padding:10px;border:none;border-radius:20px}.right-part button span{font-family:Poppins,serif;font-weight:600;font-size:24px;color:#07ab8a}.right-part button img{width:30px}.web-view .hamsafar{width:auto;max-width:400px}@media (max-width: 460px){.shine-effect{animation:shine 2s infinite linear}}@keyframes shine{0%{left:-150%}to{left:150%}}.header{width:100%;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.header h1{font-family:Poppins,serif;font-weight:500;font-size:18px;color:#000}.header :is(img,span){width:50px;height:50px}.contribute-container{max-width:600px;margin:auto;padding:0 30px 50px}.contribute-container form{display:flex;flex-direction:column;gap:10px}.amount::-webkit-outer-spin-button,.amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-container{position:relative;width:100%}.input-container label{position:absolute;top:38%;left:15px;transform:translateY(-50%);font-size:14px;color:#aaa;pointer-events:none;transition:all .3s ease;font-family:Pretendard,serif;font-weight:500}.input-container input{width:100%;border:none;border:.5px solid #999999;border-radius:10px;font-size:18px;background:transparent;outline:none;padding:25px 15px 10px}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:20%;font-size:12px;color:#1c1c1c}.required{color:red;font-weight:700}.hide-your-name,.add-volunteer{font-family:Poppins,serif;font-weight:500;font-size:16px;color:#656565;display:flex;align-items:center;gap:4px}.hide-your-name{margin-left:10px;cursor:pointer}.hide-your-name .short{font-weight:400;font-size:10px;color:#656565}input[type=checkbox]{accent-color:#2e995e}.pay-now-btn{background:linear-gradient(270deg,#5bcea4,#003350 176.85%);width:1005;padding:15px;border:none;border-radius:50px;font-size:18px;cursor:pointer;z-index:500;font-family:Poppins,serif;font-weight:600;color:#fff}.amount-container{display:flex;justify-content:center;display:inline;margin:auto;position:relative}.amount-container label{position:absolute;left:32px;top:10%;transform:translateY(-50%);font-family:Inter,serif;font-weight:600;font-size:36px;color:#003350;cursor:pointer}.contribute-container .amount{width:250px;border:none;outline:none;text-align:center;margin:auto;background-color:#eff2fa;color:#003350;border-radius:10px;font-family:Inter,serif;font-weight:600;font-size:36px;padding:15px 25px}.contribute-container .amount::placeholder{font-family:Inter,serif;color:#003350;font-weight:600;font-size:36px}.suggestion-box{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:120px;overflow-y:auto;width:100%;z-index:1000;box-shadow:0 2px 4px #0000001a;top:60px;animation:suggestionBoxHeight .3s ease}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item:hover{background-color:#f0f0f0}.suggestion-box-ward{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:110px;overflow-y:auto;width:100%;z-index:1000;box-shadow:0 2px 4px #0000001a;top:60px}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab{padding:10px;color:#000;border:.5px solid #43434380;background-color:#fff;font-size:16px;cursor:pointer;border-radius:15px;width:140px;transition:all .3s}.tab.active{color:#fff;border:none;background:linear-gradient(90deg,#5bcea4,#003350 200%)}.content{display:block;animation:fadeIn .3s ease-in-out}.error-border{border:2px solid red!important}.error-text{color:red;font-size:12px;margin-top:5px;min-height:14px;font-family:sans-serif}@media (max-width: 768px){.suggestion-box{max-height:130px}}@media (max-width: 460px){.contribute-container{padding:0 20px 60px}.contribute-container form{gap:8px}.input-container input{font-size:16px}.input-container label{font-size:12px}.hide-your-name,.add-volunteer{font-size:14px}.pay-now-btn{font-size:16px}.contribute-container .amount{font-size:30px}.contribute-container .amount::placeholder{font-size:30px}.amount-container label{font-weight:600;font-size:30px;top:30%;left:30px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes suggestionBoxHeight{0%{opacity:0}to{opacity:1}}.receipt-page{position:relative;width:400px}.receipt-image{width:100%;margin:auto}.receipt-page h1{position:absolute;font-family:Poppins,serif;top:135px;right:115px;transform:translate(50%);font-size:16px;font-weight:500}.receipt-page h2{font-family:Inter,serif;position:absolute;top:165px;right:120px;transform:translate(50%);font-size:24px;font-weight:500}.action-buttons{display:flex;justify-content:center;gap:20px;margin:20px 0}.share-btn,.download-btn{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer}.download-btn{background-color:#28a745}.share-btn:hover,.download-btn:hover{opacity:.8}@media (max-width: 460px){.receipt-page{width:300px}.receipt-page h1{font-size:14px;font-weight:600;top:105px;right:85px}.receipt-page h2{font-size:18px;font-weight:600;top:130px;right:90px}}.failure-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.failure-text h4{text-align:center;color:#f70000;font-family:Poppins,serif;font-weight:600;font-size:25px;line-height:28px;transform:translateY(50px)}.failure-gif img{width:412px;height:414px}