:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;background:var(--bg-primary);box-shadow:var(--shadow-md);z-index:1000}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;color:var(--primary-color);text-decoration:none;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:28px;color:var(--secondary-color)}.menu-toggle{display:none;background:none;border:none;font-size:24px;color:var(--primary-color);cursor:pointer;padding:8px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links li{position:relative}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:var(--transition);padding:8px 0}.nav-links a:not(.btn):hover{color:var(--primary-color)}.nav-links a:not(.btn):after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-links a:not(.btn):hover:after{width:100%}.btn-donate{padding:10px 24px;font-size:14px}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--bg-primary);flex-direction:column;gap:0;padding:20px 0;box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.nav-links.active{max-height:500px;opacity:1}.nav-links li{width:100%;text-align:center;padding:12px 20px;border-bottom:1px solid var(--border-color)}.nav-links li:last-child{border-bottom:none}.nav-links a:not(.btn):after{display:none}.btn-donate{width:90%;margin:10px auto}}@media (max-width: 480px){.logo{font-size:20px}.logo-icon{font-size:24px}.navbar{padding:12px 0}.nav-links{top:60px}.nav-links li{padding:10px 16px}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:40px 0 15px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3,.footer-section h4{margin-bottom:15px;color:#fff}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-logo-icon{font-size:32px;color:var(--secondary-color)}.footer-description{color:#9ca3af;line-height:1.6;margin-bottom:16px}.social-links{display:flex;gap:16px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;font-size:18px;transition:var(--transition)}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a,.footer-section ul li span{color:#9ca3af;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:#fff;padding-left:5px}.contact-info li{display:flex;align-items:center;gap:12px}.contact-info svg{color:var(--primary-color);font-size:16px}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#9ca3af}.footer-bottom p{margin:8px 0}.heart-icon{color:var(--secondary-color);font-size:14px;vertical-align:middle;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.social-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.social-modal-content{background:#fff;padding:40px;border-radius:12px;max-width:500px;width:90%;text-align:center;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;transition:var(--transition);line-height:1;padding:0;width:32px;height:32px}.modal-close:hover{color:var(--text-primary);transform:rotate(90deg)}.social-modal-content h3{font-size:28px;color:var(--text-primary);margin-bottom:16px}.social-modal-content p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.footer{padding:40px 0 20px;margin-top:60px}.footer-content{gap:30px;grid-template-columns:1fr}.footer-section{text-align:center}.social-links,.contact-info li{justify-content:center}.social-modal-content{padding:30px 20px}.social-modal-content h3{font-size:24px}}@media (max-width: 480px){.footer{padding:30px 0 15px;margin-top:40px}.footer-content{gap:24px}.footer-section h3{font-size:20px}.footer-section h4{font-size:16px}.footer-description{font-size:14px}.social-links a{width:36px;height:36px;font-size:16px}.contact-info{font-size:14px}.footer-bottom{padding-top:20px;font-size:13px}.social-modal-content{padding:24px 16px}.social-modal-content h3{font-size:22px}.social-modal-content p{font-size:14px}}.progress-container{width:100%;margin:16px 0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px}.progress-current{font-weight:700;font-size:18px;color:var(--primary-color)}.progress-goal{color:var(--text-secondary)}.progress-percentage{font-weight:600;color:var(--success-color)}.campaign-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.campaign-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-24px -24px 0}.campaign-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.campaign-card:hover .campaign-image img{transform:scale(1.1)}.campaign-category{position:absolute;top:12px;right:12px;background:#fff!important;color:var(--primary-color)!important;box-shadow:var(--shadow-md)}.campaign-content{padding:20px 0 0;display:flex;flex-direction:column;flex:1}.campaign-content h3{font-size:20px;margin-bottom:12px;color:var(--text-primary);line-height:1.4}.campaign-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.campaign-meta{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border-color);margin-top:auto;font-size:14px;color:var(--text-secondary)}.campaign-meta span{display:flex;align-items:center;gap:6px}.campaign-meta svg{color:var(--primary-color)}.btn-full{width:100%;margin-top:16px}@media (max-width: 768px){.campaign-image{height:180px}.campaign-content h3{font-size:18px}.campaign-description{font-size:14px}.campaign-meta{font-size:13px}}@media (max-width: 480px){.campaign-image{height:160px;margin:-16px -16px 0}.campaign-content h3{font-size:17px}.campaign-category{font-size:11px;padding:4px 10px}}.hero{background:linear-gradient(135deg,#667eeaf2,#764ba2f2),url(https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?w=1200) center/cover;color:#fff;padding:80px 0 60px;text-align:center}.hero-content h1{font-size:56px;font-weight:800;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.stats-section{padding:40px 0;background:var(--bg-primary);margin-top:-40px;position:relative;z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{text-align:center;padding:24px;border-radius:var(--border-radius);background:var(--bg-secondary);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.stat-card h3{font-size:36px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-card p{color:var(--text-secondary);font-size:14px;font-weight:500}.featured-campaigns{padding:50px 0}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:36px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.view-all{text-align:center;margin-top:40px}.how-it-works{padding:50px 0;background:var(--bg-secondary);text-align:center}.how-it-works h2{font-size:36px;margin-bottom:40px;color:var(--text-primary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:900px;margin:0 auto}.step{position:relative;padding:20px}.step-number{width:54px;height:54px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 16px;box-shadow:var(--shadow-md)}.step h3{font-size:22px;margin-bottom:12px;color:var(--text-primary)}.step p{color:var(--text-secondary);line-height:1.6}.transparency-section{padding:50px 0;background:var(--bg-primary)}.transparency-content{max-width:900px;margin:0 auto;text-align:center}.transparency-content h2{font-size:36px;font-weight:700;margin-bottom:20px;color:var(--text-primary);position:relative;display:inline-block}.transparency-content h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.transparency-intro{font-size:18px;color:var(--text-primary);font-weight:600;margin-bottom:24px;line-height:1.6;padding-bottom:20px;border-bottom:2px solid var(--bg-secondary)}.transparency-details{text-align:left;background:var(--bg-secondary);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.transparency-details p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.transparency-details p:last-child{margin-bottom:0}.cta-section{padding:50px 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.cta-content h2{font-size:36px;margin-bottom:12px}.cta-content p{font-size:17px;margin-bottom:24px;opacity:.95}.cta-section .btn{background:var(--bg-primary);color:var(--primary-color);font-weight:600}.cta-section .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:0}.featured-campaign-card{background:var(--card-bg);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column}.featured-campaign-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.campaign-icon-header{text-align:center;margin-bottom:16px}.campaign-icon-large{font-size:44px;color:var(--primary-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.featured-campaign-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary);line-height:1.3}.campaign-desc{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px;flex-grow:1}.campaign-highlights{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-bottom:16px}.campaign-highlights h4{font-size:14px;font-weight:700;color:var(--primary-color);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.campaign-highlights ul{list-style:none;padding:0;margin:0}.campaign-highlights li{font-size:14px;color:var(--text-secondary);padding:6px 0 6px 20px;position:relative}.campaign-highlights li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.btn-block{width:100%;text-align:center}@media (max-width: 768px){.hero-content h1{font-size:36px}.hero-subtitle{font-size:16px}.section-header h2,.how-it-works h2,.cta-content h2,.stat-card h3{font-size:28px}.campaigns-grid{grid-template-columns:1fr}.transparency-content h2{font-size:28px}.transparency-intro{font-size:18px}.transparency-details{padding:30px 20px}.transparency-details p{font-size:15px}}.fade-in{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:50px 0;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-title{font-size:42px;margin-bottom:12px;position:relative;animation:slideDown .8s ease-out}.hero-subtitle{font-size:17px;opacity:.95;position:relative;animation:slideUp .8s ease-out .2s both}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-hero h1{font-size:42px;margin-bottom:12px}.page-hero p{font-size:17px;opacity:.95}.campaigns-content{padding:40px 0}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;padding:20px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.filters svg{color:var(--primary-color);font-size:18px}.filters button{padding:10px 20px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition)}.filters button:hover{border-color:var(--primary-color);color:var(--primary-color)}.filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.no-results{text-align:center;padding:80px 20px}.no-results h3{font-size:28px;margin-bottom:12px;color:var(--text-primary)}.no-results p{color:var(--text-secondary);font-size:16px}.campaign-mission{padding:50px 0;background:linear-gradient(135deg,#667eea14,#764ba214);position:relative}.mission-content{max-width:950px;margin:0 auto;text-align:center;position:relative;padding:30px;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 16px #00000014}.mission-intro{font-size:16px;line-height:1.7;color:var(--text-primary);font-weight:400;margin:0}.campaign-details{padding:40px 0;background:var(--bg-secondary)}.campaign-detail-card{background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:30px;transition:all .3s ease;border-top:4px solid var(--primary-color);position:relative;overflow:hidden}.campaign-detail-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.campaign-detail-card:hover:before{transform:scaleX(1)}.campaign-detail-card:hover{box-shadow:0 12px 24px #667eea26;transform:translateY(-5px)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.campaign-icon{font-size:32px;color:var(--primary-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:12px;border-radius:12px;flex-shrink:0}.campaign-detail-card h2{font-size:24px;color:var(--text-primary);margin:0;font-weight:700;line-height:1.3}.campaign-description{font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:16px}.highlight-box{background:linear-gradient(135deg,#667eea14,#764ba214);padding:16px;border-radius:8px;border-left:4px solid var(--primary-color);margin:16px 0;animation:fadeIn .6s ease}.highlight-box p{margin:0;font-size:15px;line-height:1.7;color:var(--text-primary)}.highlight-box strong{color:var(--primary-color);font-weight:600}.info-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:12px 16px;border-radius:8px;border-left:4px solid #f39c12;margin:16px 0;font-size:14px;line-height:1.6;color:#856404;font-weight:500}.campaign-context{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:15px;padding-left:20px;border-left:3px solid var(--border-color)}.support-areas{margin-top:20px;padding:20px;background:linear-gradient(135deg,#667eea0f,#764ba20f);border-radius:10px;border:1px solid rgba(102,126,234,.1)}.support-areas h4{font-size:16px;color:var(--primary-color);margin-bottom:12px;font-weight:700}.support-areas ul{list-style:none;padding:0;margin:0}.support-areas ul li{padding:8px 0 8px 32px;position:relative;color:var(--text-primary);line-height:1.6;font-size:14px;transition:all .2s ease}.support-areas ul li:hover{transform:translate(5px)}.support-areas ul li:before{content:"✓";position:absolute;left:0;color:#fff;font-weight:700;font-size:14px;background:var(--primary-color);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.our-approach{padding:50px 0;background:var(--bg-primary)}.our-approach h2{font-size:32px;color:var(--text-primary);margin-bottom:40px;text-align:center;position:relative;padding-bottom:12px}.our-approach h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.approach-item{padding:28px 24px;background:var(--card-bg);border-radius:12px;border:2px solid rgba(102,126,234,.1);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.approach-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.approach-item:hover:before{opacity:1}.approach-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea33;border-color:var(--primary-color)}.approach-icon{font-size:36px;color:var(--primary-color);margin-bottom:12px;display:block;transition:transform .3s ease}.approach-item:hover .approach-icon{transform:scale(1.1)}.approach-item h4{font-size:17px;color:var(--text-primary);margin-bottom:10px;font-weight:700;position:relative}.approach-item p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0;position:relative}.why-matters{padding:50px 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;position:relative;overflow:hidden}.why-matters:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff0d;border-radius:50%}.why-matters:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#ffffff08;border-radius:50%}.why-matters h2{font-size:32px;margin-bottom:24px;text-align:center;position:relative;z-index:1;font-weight:700}.why-matters-text{max-width:900px;margin:0 auto;font-size:16px;line-height:1.7;text-align:center;position:relative;z-index:1;font-weight:400}@media (max-width: 768px){.page-hero{padding:50px 0 40px}.page-hero h1{font-size:32px}.hero-subtitle{font-size:16px}.filters{justify-content:center;flex-wrap:wrap;gap:8px}.filter-btn{font-size:13px;padding:8px 16px}.campaign-detail-card{padding:20px}.campaign-detail-card h2{font-size:22px}.campaign-icon{font-size:36px}.approach-grid{grid-template-columns:1fr;gap:20px}.mission-intro,.why-matters-text{font-size:16px}}@media (max-width: 480px){.page-hero h1{font-size:28px}.hero-subtitle{font-size:14px}.campaign-detail-card{padding:16px}.campaign-detail-card h2{font-size:20px}.highlight-box,.info-banner{padding:16px;font-size:14px}.our-approach h2,.why-matters h2{font-size:28px}.mission-intro,.why-matters-text{font-size:16px}}.fade-in-up,.fade-in-left,.fade-in-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up{transform:translateY(40px)}.fade-in-left{transform:translate(-40px)}.fade-in-right{transform:translate(40px)}.fade-in-up.animate-in,.fade-in-left.animate-in,.fade-in-right.animate-in{opacity:1;transform:translate(0)}.stagger-item{transition-delay:0s}.campaign-icon{animation:pulse 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.approach-item.animate-in{animation:float 4s ease-in-out infinite}.approach-item:nth-child(2).animate-in{animation-delay:.5s}.approach-item:nth-child(3).animate-in{animation-delay:1s}.approach-item:nth-child(4).animate-in{animation-delay:1.5s}.approach-item:nth-child(5).animate-in{animation-delay:2s}.support-areas ul li{opacity:0;animation:slideInList .5s ease-out forwards}.support-areas ul li:nth-child(1){animation-delay:.1s}.support-areas ul li:nth-child(2){animation-delay:.2s}.support-areas ul li:nth-child(3){animation-delay:.3s}.support-areas ul li:nth-child(4){animation-delay:.4s}@keyframes slideInList{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.highlight-box{position:relative;overflow:hidden}.highlight-box:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.info-banner{animation:slideInFromRight .8s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.campaign-header{position:relative;height:400px;overflow:hidden}.campaign-header img{width:100%;height:100%;object-fit:cover}.campaign-header-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:40px 0}.campaign-header-content h1{font-size:42px;margin-top:16px;line-height:1.2}.campaign-detail-content{display:grid;grid-template-columns:1fr 380px;gap:40px;padding:60px 0}.campaign-stats-bar{display:flex;justify-content:space-around;padding:24px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:30px}.stat-item{display:flex;align-items:center;gap:12px}.stat-item svg{font-size:32px;color:var(--primary-color)}.stat-item div{display:flex;flex-direction:column}.stat-item strong{font-size:20px;color:var(--text-primary)}.stat-item span{font-size:14px;color:var(--text-secondary)}.campaign-description{margin-top:40px}.campaign-description h2{font-size:28px;margin-bottom:20px;color:var(--text-primary)}.campaign-description p{font-size:16px;line-height:1.8;color:var(--text-secondary)}.recent-donations{margin-top:60px}.recent-donations h3{font-size:24px;margin-bottom:24px}.donations-list{display:flex;flex-direction:column;gap:16px}.donation-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;transition:var(--transition)}.donation-item:hover{background:var(--card-bg);box-shadow:var(--shadow-md)}.donation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.donation-info{flex:1;display:flex;flex-direction:column}.donation-info strong{color:var(--text-primary);font-size:16px}.donation-amount{color:var(--primary-color);font-weight:700;font-size:18px}.donation-date{color:var(--text-secondary);font-size:14px}.donation-box{position:sticky;top:100px}.donation-box h3{font-size:24px;margin-bottom:12px}.donation-box p{color:var(--text-secondary);margin-bottom:24px}@media (max-width: 968px){.campaign-detail-content{grid-template-columns:1fr}.donation-box{position:static}.campaign-header{height:300px}.campaign-header-content h1{font-size:28px}.campaign-stats-bar{flex-direction:column;gap:20px}}@media (max-width: 480px){.campaign-header{height:250px}.campaign-header-content h1{font-size:24px}.campaign-header-content p{font-size:14px}.campaign-content,.donation-box{padding:16px}.stat-item h3{font-size:24px}}.donate-content{display:grid;grid-template-columns:1fr 350px;gap:40px;padding:60px 0;background:var(--bg-primary)}.donate-form{padding:40px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.selected-campaign{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:20px;border-radius:var(--border-radius);margin-bottom:30px}.selected-campaign h3{font-size:20px;margin-bottom:8px;color:var(--primary-color)}.selected-campaign p{color:var(--text-secondary);font-size:14px}.form-section{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.form-section h3{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:24px;color:var(--text-primary)}.form-section h3 svg{color:var(--primary-color)}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.amount-btn{padding:16px;border:2px solid var(--border-color);background:var(--card-bg);border-radius:12px;font-size:20px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.amount-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.amount-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent}.input-with-icon{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:var(--text-secondary)}.input-with-icon input{padding-left:40px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:20px}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer;font-weight:500}.secure-notice{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.info-box{padding:24px;margin-bottom:24px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.info-box h3{font-size:18px;margin-bottom:16px}.info-box ul{list-style:none;padding:0}.info-box ul li{padding:8px 0;color:var(--text-secondary);line-height:1.6}.info-box p{color:var(--text-secondary);line-height:1.6}.info-box a{color:var(--primary-color);text-decoration:none;font-weight:600}.info-box a:hover{text-decoration:underline}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);font-size:14px;font-weight:600;color:var(--text-primary)}.payment-method-btn svg{font-size:24px;color:var(--primary-color)}.payment-method-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.payment-method-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea4d}.payment-method-btn.active svg{color:var(--primary-color)}.qr-code-section{margin-top:24px;padding:24px;background:var(--card-bg);border-radius:var(--border-radius);border:2px solid var(--border-color);text-align:center}.qr-notice{color:var(--text-secondary);font-size:14px;margin-bottom:20px;font-weight:500}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:var(--border-radius);margin:20px 0}.qr-code-image{max-width:250px;width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.qr-amount{font-size:20px;font-weight:700;color:var(--primary-color);margin:0}.qr-instructions{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-top:12px}.qr-instructions a{color:var(--primary-color);text-decoration:none;font-weight:600}.qr-instructions a:hover{text-decoration:underline}.telebirr-section{margin-top:24px;padding:30px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:var(--border-radius);text-align:center}.telebirr-icon{font-size:60px;color:var(--primary-color);margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.telebirr-notice{font-size:16px;color:var(--text-primary);font-weight:600;margin-bottom:20px}.telebirr-number{background:var(--card-bg);padding:20px;border-radius:12px;margin:24px 0;box-shadow:0 4px 12px #0000001a;border:2px solid var(--border-color)}.telebirr-number strong{font-size:24px;color:var(--primary-color);letter-spacing:1px}.telebirr-instructions{text-align:left;background:var(--card-bg);padding:20px;border-radius:10px;line-height:2;color:var(--text-secondary);font-size:14px;border:2px solid var(--border-color)}.telebirr-instructions a{color:var(--primary-color);text-decoration:none;font-weight:600}.telebirr-instructions a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-bg);border-radius:12px;padding:40px;max-width:500px;width:100%;position:relative;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition)}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-content h3{font-size:24px;color:var(--primary-color);margin-bottom:20px;text-align:center}.modal-content .qr-code-section{margin-top:0;border:none;padding:20px 0;background:transparent}@media (max-width: 968px){.donate-content{grid-template-columns:1fr}.donate-form{padding:24px}.amount-grid{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr;gap:12px}.qr-code-image{max-width:200px}.modal-content{padding:30px 20px;width:95%}}@media (max-width: 480px){.donate-page .page-hero h1{font-size:28px}.donate-form{padding:16px}.amount-grid{grid-template-columns:1fr;gap:10px}.amount-btn{padding:14px;font-size:15px}.info-box{padding:16px}.modal-content{padding:20px 16px}.qr-code-image{max-width:180px}}.success-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.success-content{max-width:600px;text-align:center;padding:60px 40px}.success-icon{font-size:80px;color:var(--success-color);margin-bottom:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-content h1{font-size:36px;margin-bottom:16px;color:var(--text-primary)}.success-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.success-details{background:var(--bg-secondary);padding:24px;border-radius:var(--border-radius);margin-bottom:32px;text-align:left}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-item svg{font-size:32px;color:var(--primary-color);margin-top:4px}.detail-item strong{display:block;font-size:18px;margin-bottom:8px;color:var(--text-primary)}.detail-item p{color:var(--text-secondary);line-height:1.6}.success-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.social-share{padding-top:32px;border-top:2px solid var(--border-color)}.social-share h3{font-size:20px;margin-bottom:8px}.social-share p{color:var(--text-secondary);margin-bottom:20px}.share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-btn{padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);color:#fff}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.success-content{padding:40px 24px}.success-content h1{font-size:28px}.success-actions{flex-direction:column;gap:12px}.success-actions .btn{width:100%}.donation-details{padding:16px}}@media (max-width: 480px){.success-content{padding:30px 16px}.success-content h1{font-size:24px}.success-icon{font-size:48px;width:80px;height:80px}.share-buttons{flex-direction:column;gap:10px}.share-btn{width:100%}}.cancel-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.cancel-content{max-width:600px;text-align:center;padding:60px 40px}.cancel-icon{font-size:80px;color:var(--warning-color);margin-bottom:24px;animation:scaleIn .5s ease}.cancel-content h1{font-size:36px;margin-bottom:16px;color:var(--text-primary)}.cancel-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.cancel-message{background:var(--bg-secondary);padding:24px;border-radius:var(--border-radius);margin-bottom:32px}.cancel-message p{color:var(--text-secondary);line-height:1.8}.cancel-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.cancel-content{padding:40px 24px}.cancel-content h1{font-size:28px}.cancel-actions{flex-direction:column;gap:12px}.cancel-actions .btn{width:100%}}@media (max-width: 480px){.cancel-content{padding:30px 16px}.cancel-content h1{font-size:24px}.cancel-icon{font-size:48px;width:80px;height:80px}}.about-content{padding:60px 0;background:var(--bg-primary)}.about-intro{max-width:800px;margin:0 auto 60px;text-align:center}.about-intro h2{font-size:36px;margin-bottom:24px;color:var(--text-primary)}.about-intro p{font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}.value-card{text-align:center;padding:40px 24px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.value-card:hover{transform:translateY(-8px)}.value-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:var(--shadow-md)}.value-card h3{font-size:24px;margin-bottom:16px;color:var(--text-primary)}.value-card p{color:var(--text-secondary);line-height:1.8}.impact-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:60px 40px;border-radius:var(--border-radius);text-align:center}.impact-section h2{font-size:36px;margin-bottom:48px}.impact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.impact-stat h3{font-size:48px;font-weight:800;margin-bottom:8px}.impact-stat p{font-size:16px;opacity:.9}@media (max-width: 768px){.about-page .page-hero{padding:50px 0 40px}.about-intro h2,.impact-section h2{font-size:28px}.about-intro p{font-size:16px}.impact-stat h3{font-size:36px}}@media (max-width: 480px){.about-page .page-hero h1{font-size:28px}.about-intro h2,.impact-section h2{font-size:24px}.about-intro p{font-size:14px}.impact-stat h3{font-size:28px}.impact-stat p{font-size:14px}}.team-intro{padding:50px 0;background:linear-gradient(135deg,#667eea14,#764ba214)}.intro-content{max-width:900px;margin:0 auto;text-align:center;padding:30px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #00000014}.intro-content p{font-size:16px;line-height:1.8;color:var(--text-primary);margin:0}.section-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:16px}.section-icon{font-size:40px;color:var(--primary-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:15px}.section-header h2{font-size:32px;color:var(--text-primary);margin:0;font-weight:700}.leadership-section{padding:50px 0;background:var(--bg-primary)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.team-card{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-top:3px solid var(--primary-color)}.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea26}.team-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 8px #0000001a}.member-info h3{font-size:18px;color:var(--text-primary);margin:0 0 4px;font-weight:700}.role{font-size:14px;color:var(--primary-color);font-weight:600;margin:0}.university-badge{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:20px;width:fit-content}.university-badge svg{color:var(--primary-color);font-size:14px}.description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.core-team-section{padding:50px 0;background:var(--bg-secondary)}.core-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:900px;margin:0 auto}.core-team-card{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-left:4px solid var(--secondary-color)}.core-team-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #764ba226}.core-team-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.core-team-card .member-info{flex:1}.core-team-card .member-info h3{font-size:18px;color:var(--text-primary);margin:0 0 8px;font-weight:700}.core-team-card .university-badge{margin:0}.network-section{padding:50px 0;background:var(--bg-primary)}.network-content{max-width:800px;margin:0 auto;text-align:center;padding:30px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;border:2px solid rgba(102,126,234,.2)}.network-content h2{font-size:28px;color:var(--text-primary);margin-bottom:16px;font-weight:700}.network-content p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.join-team-section{padding:50px 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.join-content{max-width:700px;margin:0 auto}.join-icon{font-size:50px;margin-bottom:20px;opacity:.9}.join-content h2{font-size:32px;margin-bottom:16px;font-weight:700}.join-content p{font-size:17px;line-height:1.7;margin-bottom:16px;opacity:.95}.join-description{font-size:15px;margin-bottom:30px}.join-content .btn{background:var(--bg-primary);color:var(--primary-color);font-weight:600}.join-content .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}@media (max-width: 768px){.team-grid,.core-team-grid{grid-template-columns:1fr}.section-header h2,.join-content h2{font-size:28px}.network-content h2{font-size:24px}.intro-content{padding:20px}.intro-content p{font-size:15px}}@media (max-width: 480px){.team-card,.core-team-card{padding:20px}.avatar{width:50px;height:50px;font-size:18px}.member-info h3{font-size:16px}.section-icon{width:60px;height:60px;font-size:32px}}.team-card:nth-child(1){animation-delay:.1s}.team-card:nth-child(2){animation-delay:.2s}.team-card:nth-child(3){animation-delay:.3s}.team-card:nth-child(4){animation-delay:.4s}.core-team-card:nth-child(1){animation-delay:.1s}.core-team-card:nth-child(2){animation-delay:.2s}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0;background:var(--bg-primary)}.contact-info-section h2{font-size:32px;margin-bottom:16px;color:var(--text-primary)}.contact-intro{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:32px}.contact-detail{display:flex;gap:20px;align-items:flex-start}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.contact-detail h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.contact-detail a{display:block;color:var(--primary-color);text-decoration:none;margin-bottom:4px;transition:var(--transition)}.contact-detail a:hover{text-decoration:underline}.contact-detail p{color:var(--text-secondary);margin-bottom:4px}.contact-form{padding:40px;background:var(--card-bg)}.contact-form h2{font-size:28px;margin-bottom:32px;color:var(--text-primary)}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:24px}}@media (max-width: 480px){.contact-page .page-hero h1{font-size:28px}.contact-form{padding:16px}.contact-form h2{font-size:22px}.contact-info-item{padding:12px}}.faq-page .page-hero,.privacy-policy-page .page-hero,.terms-page .page-hero{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);color:#fff;padding:80px 0 60px;text-align:center}.faq-page .page-hero h1,.privacy-policy-page .page-hero h1,.terms-page .page-hero h1{font-size:48px;font-weight:700;margin:0}.faq-content,.privacy-content,.terms-content{padding:60px 0 80px;background:var(--bg-secondary)}.content-card{background:var(--card-bg);border-radius:var(--border-radius);padding:50px;box-shadow:var(--shadow-md);max-width:900px;margin:0 auto}.intro-text{font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--bg-secondary)}.faq-section,.policy-section,.terms-section{margin-bottom:40px}.faq-section h2,.policy-section h2,.terms-section h2{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:16px}.faq-section p,.policy-section p,.terms-section p{font-size:16px;line-height:1.8;color:var(--text-secondary)}.last-updated{margin-top:50px;padding-top:30px;border-top:1px solid var(--bg-secondary);text-align:center;font-size:14px;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.faq-page .page-hero h1,.privacy-policy-page .page-hero h1,.terms-page .page-hero h1{font-size:32px}.content-card{padding:30px 20px}.intro-text{font-size:16px}.faq-section h2,.policy-section h2,.terms-section h2{font-size:20px}}@media (max-width: 480px){.faq-page .page-hero h1,.privacy-policy-page .page-hero h1,.terms-page .page-hero h1{font-size:26px}.content-card{padding:20px 16px}.intro-text{font-size:14px}.faq-section h2,.policy-section h2,.terms-section h2{font-size:18px}.faq-section p,.policy-section p,.terms-section p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--card-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--border-radius: 12px;--transition: all .3s ease}@media (prefers-color-scheme: dark){:root{--text-primary: #f3f4f6;--text-secondary: #d1d5db;--bg-primary: #111827;--bg-secondary: #1f2937;--border-color: #374151;--card-bg: #1f2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-large{padding:16px 32px;font-size:18px}.btn-disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.input-group input,.input-group textarea,.input-group select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:var(--transition);font-family:inherit}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.input-group textarea{resize:vertical;min-height:100px}.progress-bar{width:100%;height:12px;background:var(--bg-secondary);border-radius:100px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:100px;transition:width .6s ease}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.badge-primary{background:#667eea1a;color:var(--primary-color)}.badge-success{background:#10b9811a;color:var(--success-color)}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#ef44441a;color:var(--danger-color);padding:16px;border-radius:8px;margin:20px 0;border-left:4px solid var(--danger-color)}.success-message{background:#10b9811a;color:var(--success-color);padding:16px;border-radius:8px;margin:20px 0;border-left:4px solid var(--success-color)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.main-content{padding-top:70px}.container{padding:0 16px}.btn{padding:10px 20px;font-size:14px;width:100%}.btn-large{padding:14px 28px;font-size:16px}.card{padding:16px}.grid{gap:16px}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 480px){body{font-size:14px}.container{padding:0 12px}.btn{font-size:13px;padding:10px 16px}.btn-large{font-size:15px;padding:12px 24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}