:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-section{position:relative;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;z-index:1;padding-top:90px}@media (max-width: 768px){.main-section{padding-top:80px}}@media (max-width: 480px){.main-section{padding-top:70px}}.main-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1}.main-section .main-section__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.main-section .main-section__content .main-header{width:80%;margin-bottom:4rem;font-size:3rem}@media (max-width: 768px){.main-section .main-section__content .main-header{font-size:2.5rem}}@media (max-width: 480px){.main-section .main-section__content .main-header{font-size:2rem}}.main-section .main-section__content .dropdown-container{margin-bottom:2rem}.custom-button{padding:12px 24px;font-size:16px;font-weight:500;border:none;border-radius:12px;background-color:#3b82f6;color:#fff;cursor:pointer;transition:all .3s ease}.custom-button--primary{background-color:#3b82f6}.custom-button--primary:hover:not(:disabled){background-color:#2563eb}.custom-button--secondary{background-color:#6b7280}.custom-button--secondary:hover:not(:disabled){background-color:#4b5563}.custom-button--danger{background-color:#ef4444}.custom-button--danger:hover:not(:disabled){background-color:#dc2626}.custom-button--success{background-color:#10b981}.custom-button--success:hover:not(:disabled){background-color:#059669}.custom-button.proceed{background-color:#10b981}.custom-button.proceed:hover:not(:disabled){background-color:#059669}.custom-button.home-page{padding:18px 36px;font-size:24px;letter-spacing:3px}@media (max-width: 768px){.custom-button.home-page{padding:12px 24px;font-size:20px}}.custom-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.custom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.custom-button--disabled,.custom-button:disabled{background-color:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.custom-button--disabled:hover,.custom-button:disabled:hover{transform:none!important;box-shadow:none!important}.dropdown-container{position:relative;width:80%;margin-right:40px}.dropdown-container.default{max-width:300px}.dropdown-container.default .dropdown-trigger{padding:8px 16px;font-size:14px}.dropdown-container.default .dropdown-menu{font-size:14px;max-height:250px;text-align:left}.dropdown-container.default .dropdown-item{padding:8px 16px}.dropdown-container.large{max-width:500px}.dropdown-container.large .dropdown-trigger{padding:12px 24px;font-size:1.5rem}.dropdown-container.large .dropdown-trigger .dropdown-input{font-size:1.5rem}@media (max-width: 768px){.dropdown-container.large .dropdown-trigger .dropdown-input{font-size:1.2rem}}.dropdown-container.large .dropdown-menu{font-size:18px;max-height:300px;text-align:left}.dropdown-container.large .dropdown-item{padding:2px 24px 12px 0;font-size:1.3rem}@media (max-width: 768px){.dropdown-container.large{width:65%}}.dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.dropdown-trigger:hover{border-color:#c0cddf}.dropdown-trigger.active{border-color:#9fb3cd;box-shadow:0 2px 4px #0000001a}.dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-input{flex-grow:1;border:none;background:none;outline:none;color:#1e293b;width:100%;padding:0}.dropdown-input::placeholder{color:#6f8ab6}.dropdown-arrow{border:solid #1e293b;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .2s ease;margin-left:8px;flex-shrink:0}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:1000;overflow-y:auto;width:100%}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c0cddf;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9fb3cd}.dropdown-item{list-style:none;color:#000;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#f8fafc}.dropdown-no-results{padding:12px 16px;color:#526fa0;text-align:center}.leaderboard{text-align:center;padding:25px 0 100px;background-color:#063642;color:#fff}.leaderboard h1{margin:30px 0 45px;color:#fff}.leaderboard .leaderboard-items{display:flex;justify-content:center;flex-wrap:wrap}.leaderboard .leaderboard-items .leaderboard-item{font-size:1.7rem;font-weight:500;text-align:center;width:20%;color:#ccc}.leaderboard .leaderboard-items .leaderboard-item span{display:block}.leaderboard .leaderboard-items .leaderboard-item .amount{color:#fff;font-weight:700;padding-top:10px;font-size:2rem}@media (max-width: 750px){.leaderboard .leaderboard-items{flex-direction:column;align-items:center;gap:15px}.leaderboard .leaderboard-items .leaderboard-item{width:90%;padding:10px 0}}.partners{text-align:center;width:80%;max-width:1250px;margin:50px auto 80px}.partners h1{margin-bottom:30px;color:#063642}.partners .slider{overflow:hidden;width:100%;display:flex;justify-content:center}.partners .slider .slider-track{display:flex;animation:scroll 120s linear infinite}.partners .slider .slider-track .slide{min-width:14%;box-sizing:border-box;padding:10px;display:flex;justify-content:center;align-items:center}.partners .slider .slider-track .slide img{width:auto;max-width:250px;height:auto}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 750px){.partners{width:90%}.partners .slider .slider-track{animation:scroll-small 90s linear infinite}.partners .slider .slider-track .slide{min-width:13%}@keyframes scroll-small{0%{transform:translate(0)}to{transform:translate(-100%)}}}.amount-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.amount-selector .amount-button{width:85px;height:50px;background-color:#3094ff;color:#fff;border:none;cursor:pointer;border-radius:5px;font-weight:650;margin-top:10px}.amount-selector .amount-button.selected{background-color:#002c93}.amount-selector .custom-amount{width:54px;height:34px;background-color:#fff;color:#004793;text-align:center;border:8px solid #007bff;text-align:left;padding-left:15px;-moz-appearance:textfield}.amount-selector .custom-amount.selected{border-color:#004793;background-color:#fff}.amount-selector .custom-amount::-webkit-outer-spin-button,.amount-selector .custom-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payment-button-container{width:100%;margin-top:1.5rem}.payment-button-container .error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fcc;font-size:.9rem}.payment-button-container .payment-button{width:100%;background-color:#5469d4;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-button-container .payment-button:hover:not(:disabled){background-color:#4054c1;transform:translateY(-1px)}.payment-button-container .payment-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.payment-button-container .payment-button.loading{background-color:#ccc;cursor:wait}.payment-button-container .payment-button .loading-spinner{display:inline-block}.payment-button-container .secure-text{text-align:center;font-size:.85rem;color:#666;margin-top:.5rem;margin-bottom:0}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.auth-modal-header h2{margin:0;color:#063642;font-size:1.5rem;font-weight:600}.auth-modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.auth-modal-header .close-button:hover{background:#f1f5f9;color:#334155}.auth-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#063642;box-shadow:0 0 0 3px #0636421a}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.form-group input::placeholder{color:#9ca3af}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fecaca}.success-message{background:#dcfce7;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #bbf7d0}.auth-submit-button{width:100%;background:#063642;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.auth-submit-button:hover:not(:disabled){background:#0d4f5c;transform:translateY(-1px)}.auth-submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.social-login-section{padding:0 24px 24px}.divider{position:relative;text-align:center;margin-bottom:20px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:#fff;padding:0 16px;color:#6b7280;font-size:14px}.social-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.social-button:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button .social-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:12px}.social-button.google-button .social-icon{background:#db4437;color:#fff}.social-button.facebook-button .social-icon{background:#4267b2;color:#fff}.auth-switch{padding:16px 24px 24px;text-align:center;border-top:1px solid #e2e8f0}.auth-switch p{margin:0;color:#6b7280;font-size:14px}.auth-switch .switch-link{background:none;border:none;color:#063642;font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px}.auth-switch .switch-link:hover{color:#0d4f5c}@media (max-width: 480px){.auth-modal{margin:0;min-height:100vh;border-radius:0;max-height:100vh}.auth-modal-overlay{padding:0}.auth-modal-header,.auth-form,.social-login-section,.auth-switch{padding-left:20px;padding-right:20px}}.donation-form{width:75%;margin:0 auto;font-family:Arial,sans-serif}.donation-form .checkout{margin:-1em 0 2em}.donation-form .checkout h3{margin-bottom:0}.donation-form .checkout p{font-size:.9em}.donation-form .frequency-container{display:flex;align-items:center;gap:15px;margin-top:1.5em}.donation-form .toggle-switch{margin-left:0}.donation-form .payment-button{width:90%;margin-left:20px}.donation-form h3{margin-top:1.5em}.donation-form #abbreviated-state-name{font-weight:700}.toggle-switch{position:relative;display:flex;width:180px;height:40px;background-color:#ddd;border-radius:10px;overflow:hidden;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;margin-top:12px}.toggle-switch .toggle-option{flex:1;display:flex;align-items:center;justify-content:center;color:#555;font-weight:700;transition:color .3s ease;z-index:1}.toggle-switch .toggle-option.active{color:#fff}.toggle-switch .toggle-indicator{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#007bff;border-radius:10px;transition:transform .3s ease}.state-page{margin:0 auto;max-width:1200px;padding:20px 20px 0}.state-page__title{text-align:center;margin-bottom:20px}.state-page__content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.state-page__left,.state-page__right{flex:1;min-width:300px;margin:10px}.state-page p{margin-bottom:15px}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.welcome-popup{background:#063642;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:36px 32px 28px;max-width:460px;width:100%;position:relative;color:#fff;box-shadow:0 8px 40px #00000080;text-align:center}.welcome-popup h3{font-size:1.4rem;margin-bottom:14px}.welcome-popup p{font-size:.95rem;line-height:1.6;color:#ffffffd9;margin-bottom:12px}.welcome-popup__tax-note{background:#ffffff14;border-radius:8px;padding:12px 16px;font-size:.9rem!important;margin-bottom:20px!important}.welcome-popup__tax-note strong{color:#fff}.welcome-popup__learn-more{display:block;font-size:.85rem;color:#fff9;text-decoration:underline;margin-bottom:20px}.welcome-popup__learn-more:hover{color:#fff}.welcome-popup__cta{display:block;width:100%;padding:12px;background:#fff;color:#063642;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s;margin-top:28px}.welcome-popup__cta:hover{background:#ffffffe0}.welcome-popup__close{position:absolute;top:12px;right:16px;background:none;border:none;color:#ffffff80;font-size:1.6rem;line-height:1;cursor:pointer;padding:0}.welcome-popup__close:hover{color:#fff}.success-page{display:flex;justify-content:center;align-items:center;min-height:95vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.success-page .success-container{text-align:center;background:#fffffff2;padding:3rem 2rem;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;color:#333}.success-page .success-container .success-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounceIn .8s ease-out}.success-page .success-container h1{font-size:2.5rem;margin-bottom:1rem;color:#2d3748;font-weight:700}.success-page .success-container p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;color:#4a5568}.success-page .success-container p:last-of-type{margin-bottom:2rem}.success-page .success-container .session-id{background:#f7fafc;padding:.75rem;border-radius:8px;font-family:monospace;font-size:.9rem;color:#2d3748;border:1px solid #e2e8f0;word-break:break-all;margin-bottom:2rem}.success-page .success-container .return-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:200px}.success-page .success-container .return-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.success-page .success-container .return-button:active{transform:translateY(0)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.success-page{padding:1rem;min-height:70vh}.success-page .success-container{padding:2rem 1.5rem}.success-page .success-container .success-icon{font-size:3rem}.success-page .success-container h1{font-size:2rem}.success-page .success-container p{font-size:1rem}.success-page .success-container .return-button{width:100%;padding:.875rem 1.5rem}}@media (max-width: 480px){.success-page .success-container{margin:0 .5rem;padding:1.5rem 1rem}.success-page .success-container h1{font-size:1.75rem}.success-page .success-container .success-icon{font-size:2.5rem}}.cancel-page{display:flex;justify-content:center;align-items:center;min-height:95vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cancel-page .cancel-container{text-align:center;background:#fffffff2;padding:3rem 2rem;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;color:#333}.cancel-page .cancel-container .cancel-icon{font-size:4rem;margin-bottom:1.5rem;animation:shakeIn .8s ease-out}.cancel-page .cancel-container h1{font-size:2.5rem;margin-bottom:1rem;color:#2d3748;font-weight:700}.cancel-page .cancel-container p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#4a5568}.cancel-page .cancel-container .action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cancel-page .cancel-container .action-buttons button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;min-width:140px}.cancel-page .cancel-container .action-buttons button:hover{transform:translateY(-2px)}.cancel-page .cancel-container .action-buttons button:active{transform:translateY(0)}.cancel-page .cancel-container .action-buttons .retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cancel-page .cancel-container .action-buttons .retry-button:hover{box-shadow:0 8px 25px #667eea66}.cancel-page .cancel-container .action-buttons .home-button{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.cancel-page .cancel-container .action-buttons .home-button:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}@keyframes shakeIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(.95) rotate(-2deg)}75%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1) rotate(0);opacity:1}}@media (max-width: 768px){.cancel-page{padding:1rem;min-height:70vh}.cancel-page .cancel-container{padding:2rem 1.5rem}.cancel-page .cancel-container .cancel-icon{font-size:3rem}.cancel-page .cancel-container h1{font-size:2rem}.cancel-page .cancel-container p{font-size:1rem}.cancel-page .cancel-container .action-buttons{flex-direction:column;align-items:center}.cancel-page .cancel-container .action-buttons button{width:100%;max-width:250px}}@media (max-width: 480px){.cancel-page .cancel-container{margin:0 .5rem;padding:1.5rem 1rem}.cancel-page .cancel-container h1{font-size:1.75rem}.cancel-page .cancel-container .cancel-icon{font-size:2.5rem}.cancel-page .cancel-container .action-buttons{gap:.75rem}.cancel-page .cancel-container .action-buttons button{padding:.875rem 1.5rem;font-size:.95rem}}.user-profile{min-height:100vh;background-color:#f9fafb}.user-profile .profile-header{background:linear-gradient(135deg,#3b82f6,#3b44f6);color:#fff;padding:1rem 0;margin-bottom:2rem}.user-profile .profile-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.user-profile .profile-header-content .logo-section .header-logo{height:60px;cursor:pointer;transition:opacity .2s ease}.user-profile .profile-header-content .logo-section .header-logo:hover{opacity:.8}.user-profile .profile-header-content .user-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.user-profile .profile-header-content .user-info h1{margin:0;font-size:1.5rem;font-weight:600}.user-profile .profile-header-content .user-info .logout-btn{background-color:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;font-size:.875rem}.user-profile .profile-header-content .user-info .logout-btn:hover{background-color:#ffffff4d;border-color:#ffffff80}.user-profile .profile-content{max-width:1200px;margin:0 auto;padding:0 2rem}.user-profile .profile-content .profile-nav{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;gap:.5rem;flex-wrap:wrap}.user-profile .profile-content .profile-nav .nav-tab{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap}.user-profile .profile-content .profile-nav .nav-tab:hover{color:#3b82f6}.user-profile .profile-content .profile-nav .nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.user-profile .profile-content .profile-tab-content .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.user-profile .profile-content .profile-tab-content .tab-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.user-profile .profile-content .profile-tab-content .tab-header .tab-actions{display:flex;gap:1rem;flex-wrap:wrap}.user-profile .profile-content .profile-tab-content .tab-header .tab-actions .export-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;font-size:.875rem;padding:.5rem 1rem}.user-profile .profile-content .profile-tab-content .tab-header .tab-actions .export-btn:hover{background-color:#e5e7eb}.user-profile .profile-content .profile-tab-content .loading{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.history-tab .donations-list{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.history-tab .donations-list .donation-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;gap:1rem}.history-tab .donations-list .donation-item:last-child{border-bottom:none}.history-tab .donations-list .donation-item .donation-info{flex:1}.history-tab .donations-list .donation-item .donation-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1f2937}.history-tab .donations-list .donation-item .donation-info .donation-details{margin:0 0 .5rem;color:#4b5563;font-size:.9rem}.history-tab .donations-list .donation-item .donation-info .status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.history-tab .donations-list .donation-item .donation-info .status.completed{background-color:#b6f9e3;color:#085b40}.history-tab .donations-list .donation-item .donation-info .status.pending{background-color:#fef6e7;color:#945f06}.history-tab .donations-list .donation-item .donation-info .status.failed{background-color:#fff;color:#bd1010}.history-tab .donations-list .donation-item .quick-donate-btn{background-color:#3b82f6;font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.history-tab .quick-donate-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.history-tab .quick-donate-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1f2937}.history-tab .quick-donate-section .quick-donate-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.history-tab .quick-donate-section .quick-donate-buttons .quick-org-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;font-size:.875rem;padding:.5rem 1rem}.history-tab .quick-donate-section .quick-donate-buttons .quick-org-btn:hover{background-color:#e5e7eb}.subscriptions-tab .subscriptions-list{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.subscriptions-tab .subscriptions-list .subscription-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f3f4f6;gap:1rem}.subscriptions-tab .subscriptions-list .subscription-item:last-child{border-bottom:none}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info{flex:1}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1f2937}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .subscription-details{margin:0 0 .5rem;color:#4b5563;font-size:1rem;font-weight:500}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .subscription-meta{margin:0 0 .75rem;color:#6b7280;font-size:.875rem}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .status.active{background-color:#b6f9e3;color:#085b40}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .status.paused{background-color:#fef6e7;color:#945f06}.subscriptions-tab .subscriptions-list .subscription-item .subscription-info .status.cancelled{background-color:#fff;color:#bd1010}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions{display:flex;flex-direction:column;gap:.5rem;min-width:fit-content}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions button{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions .pause-btn{background-color:#f59e0b}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions .resume-btn{background-color:#10b981}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions .modify-btn{background-color:#3b82f6}.subscriptions-tab .subscriptions-list .subscription-item .subscription-actions .cancel-btn{background-color:#ef4444}.settings-tab .settings-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.settings-tab .settings-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.settings-tab .settings-form .form-row{grid-template-columns:1fr}}.settings-tab .settings-form .form-row:last-of-type{grid-template-columns:1fr 1fr 1fr}@media (max-width: 768px){.settings-tab .settings-form .form-row:last-of-type{grid-template-columns:1fr}}.settings-tab .settings-form .form-group{margin-bottom:1.5rem}.settings-tab .settings-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.settings-tab .settings-form .form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.settings-tab .settings-form .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-tab .settings-form .settings-message{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-weight:500}.settings-tab .settings-form .settings-message.success{background-color:#b6f9e3;color:#085b40;border:1px solid rgb(111.4179104478,242.5820895522,199.1194029851)}.settings-tab .settings-form .settings-message.error{background-color:#fff;color:#bd1010;border:1px solid rgb(251.0591133005,208.9408866995,208.9408866995)}.settings-tab .settings-form .form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.settings-tab .settings-form .form-actions .save-btn{background-color:#10b981;padding:.75rem 2rem;font-weight:500}.settings-tab .settings-form .form-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.user-profile .profile-header-content{flex-direction:column;text-align:center}.user-profile .profile-header-content .user-info{justify-content:center}.user-profile .profile-content{padding:0 1rem}.user-profile .profile-content .profile-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-profile .profile-content .profile-nav .nav-tab{flex-shrink:0}.user-profile .profile-content .tab-header,.user-profile .donation-item,.user-profile .subscription-item{flex-direction:column;align-items:flex-start}.user-profile .donation-item .subscription-actions,.user-profile .subscription-item .subscription-actions{flex-direction:row;align-self:stretch}.user-profile .donation-item .subscription-actions button,.user-profile .subscription-item .subscription-actions button{flex:1}}.global-header{position:fixed;top:0;left:0;right:0;width:100%;background:#063642d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:12px 0 7px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.global-header .header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.global-header .logo-section .header-logo{height:60px;width:auto;cursor:pointer;transition:transform .3s ease}.global-header .logo-section .header-logo:hover{transform:scale(1.05)}@media (max-width: 768px){.global-header .logo-section .header-logo{height:50px}}@media (max-width: 480px){.global-header .logo-section .header-logo{height:40px}}.global-header .actions-section .login-button{background:transparent;color:#fff;border:2px solid white;padding:10px 20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.global-header .actions-section .login-button:hover{background:#fff;color:#063642;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.global-header .actions-section .login-button:active{transform:translateY(0)}@media (max-width: 768px){.global-header .actions-section .login-button{padding:8px 16px;font-size:14px}}@media (max-width: 480px){.global-header .actions-section .login-button{padding:6px 12px;font-size:13px}}.global-header .actions-section .user-actions{display:flex;align-items:center;gap:1rem}.global-header .actions-section .user-actions .welcome-text{color:#fff;font-weight:500;font-size:16px}@media (max-width: 768px){.global-header .actions-section .user-actions .welcome-text{display:none}}.global-header .actions-section .user-actions .profile-btn,.global-header .actions-section .user-actions .logout-btn{background:transparent;color:#fff;border:2px solid white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.global-header .actions-section .user-actions .profile-btn:hover,.global-header .actions-section .user-actions .logout-btn:hover{background:#fff;color:#063642;transform:translateY(-1px);box-shadow:0 2px 6px #0003}@media (max-width: 768px){.global-header .actions-section .user-actions .profile-btn,.global-header .actions-section .user-actions .logout-btn{padding:6px 12px;font-size:13px}}.global-header .actions-section .user-actions .logout-btn{background:#ef4444cc;border-color:#ef4444cc}.global-header .actions-section .user-actions .logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}@media (max-width: 480px){.global-header .actions-section .user-actions{gap:.5rem}.global-header .actions-section .user-actions .profile-btn,.global-header .actions-section .user-actions .logout-btn{padding:4px 8px;font-size:12px}}.app{padding-top:90px}@media (max-width: 768px){.app{padding-top:80px}}@media (max-width: 480px){.app{padding-top:70px}}.app.home-page{padding-top:0}.app.home-page .main-section{padding-top:90px}@media (max-width: 768px){.app.home-page .main-section{padding-top:80px}}@media (max-width: 480px){.app.home-page .main-section{padding-top:70px}}.app.no-header{padding-top:0}.footer{border-top:5px solid white;background-color:#063642;color:#fff;padding:20px 90px 20px 20px;display:flex;justify-content:center;align-items:center}.footer .footer-data{width:75%;display:flex;justify-content:space-between;align-items:center}.footer .footer-links a{color:#1da1f2;margin:0 10px;text-decoration:none}.footer .footer-links a:hover{text-decoration:underline}.italic-text{font-style:italic}.text-underlined{text-decoration:underline}.small-text{font-size:.9em}.no-margin-bottom{margin-bottom:0}.no-margin-top{margin-top:0}.text-centered{text-align:center}body{margin:0}.support-pe-page{min-height:88vh}