@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap&subset=latin,latin-ext");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");a,body,button,div,em,footer,h1,h2,h3,h4,h5,h6,header,html,i,img,input,li,nav,p,section,select,span,strong,table,td,textarea,th,tr,ul{margin:0;padding:0;border:none;outline:none;font-weight:400;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.15rem;font-style:normal;list-style-type:none;vertical-align:baseline;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Rethink Sans,sans-serif}::selection{color:#ffffff;background:var(--gray)}body,html{background-color:var(--light-gray)}a{text-decoration:none}p{line-height:160%}section{padding:20px 0}strong{font-weight:600}.no-padding-top{padding-top:0}.left{text-align:left}.right{text-align:right}.padding-top{padding-top:20px}.responsive-hide{display:unset}.responsive-show{display:none}.cover-image{background-size:cover;background-repeat:no-repeat;background-position:50%}.container{padding:0 20px;max-width:1700px}header{margin-bottom:1px;background-color:var(--white);box-shadow:1px 1px 5px rgba(0,0,0,.05)}.authHeader{display:flex;align-items:center;gap:12px;font-family:Segoe UI,Roboto,sans-serif}.signup{font-size:14px;color:black;background-color:white;padding:8px 16px;border-radius:999px;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background-color .2s ease}.signup:hover{color:#b00610;transform:scale(1.03)}.signin{font-size:14px;color:white;background-color:red;padding:8px 16px;border-radius:999px;text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background-color .2s ease}.signin:hover{color:#b00610;transform:scale(1.03)}header .container{display:flex;padding:0 10px;position:relative;align-items:center;justify-content:space-between}header .container .logo{width:250px;white-space:nowrap}header .container .logo svg{width:100px;fill:var(--gray)}header .container .logo a{display:inline-block}header .container .logo a,header .container .logo button{vertical-align:middle}header .container .logo button{padding:5px;display:none;cursor:pointer;background-color:transparent}header .container .logo button span{font-size:1.8em}header .container .links a{margin:0 15px;font-weight:500;display:inline-block}header .container .links a:hover{text-decoration:underline}header .container .members{width:250px;text-align:right;white-space:nowrap}header .container .members a,header .container .members span{margin-right:10px;display:inline-block}header .container .members a{text-decoration:underline}header .container .members a:last-child{margin-right:0}header .container .members span{font-weight:600}header .container .members .menu-opener{padding:10px 0}header .container .members .menu-opener span{margin-right:0;font-size:1.3em;font-weight:unset}header .container .members button{cursor:pointer;background-color:transparent}header .container .members button span{vertical-align:middle}header .container .dropdown{top:90px;right:15px;z-index:9999;min-width:200px;position:absolute}footer{padding:40px 0;color:var(--white);background-color:var(--blackest-gray)}footer .container{display:flex;align-items:center;justify-content:space-between}footer .container .logo svg{width:100px;fill:var(--white)}footer .container .links a{display:block;margin-bottom:10px}footer .container .links a:hover{text-decoration:underline}footer .container .members a,footer .container .members span{margin-right:10px;display:inline-block}footer .container .members a{text-decoration:underline}footer .container .members span{font-weight:600}footer .container .members .button{padding:14px 0}footer .copy{margin-top:50px;text-align:center}footer .copy span{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dark-gray)}footer .newsletter{text-align:center;margin:50px auto 20px}footer .newsletter .input-container{display:flex;max-width:400px;overflow:hidden;align-items:center;border-radius:30em;margin:40px auto 0;justify-content:space-between;background-color:var(--white)}footer .newsletter .input-container input{padding:0 5px 0 20px;border-radius:50em;background-color:transparent}footer .newsletter .input-container button{cursor:pointer;border-radius:50em;padding:15px 20px 10px 15px;background-color:transparent}footer .newsletter .input-container button:active{background-color:var(--light-gray)}footer .terms{padding:10px 0;color:var(--dark-gray)}footer .terms a{font-size:.8em;color:var(--light-gray)}footer .terms a:hover{text-decoration:underline}.title h1,.title h2,.title h3,.title h4{margin-bottom:0}.title .button{min-width:unset}.paragraph-container p{color:var(--gray);margin-bottom:10px}.paragraph-container a:hover{text-decoration:underline}.carousel{max-width:1700px;position:relative;margin:20px auto 0}.scroll-container{display:flex;position:relative;align-items:center}.scroll-container .left-arrow{left:0;z-index:9999;margin-left:5px;margin-top:-25px;position:absolute}.scroll-container .right-arrow{right:0;z-index:9998;margin-right:5px;margin-top:-25px;position:absolute}.scroll-container .left-arrow button,.scroll-container .right-arrow button{width:40px;height:40px;cursor:pointer;border-radius:50em;transition:all .5s;background-color:var(--white);border:2px solid var(--dark-gray)}.scroll-container .left-arrow button:active,.scroll-container .right-arrow button:active{background-color:var(--light-gray);border:2px solid var(--dark-gray)}.scroll-container .left-arrow button span,.scroll-container .right-arrow button span{font-size:1.75em}.scrollable{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:hidden;white-space:nowrap}.scrollable::-webkit-scrollbar,.scrollable::-webkit-scrollbar-track{height:1px;background-color:transparent}.scrollable::-webkit-scrollbar-thumb{height:1px;background-color:transparent}.scrollable::-webkit-scrollbar-thumb:window-inactive{background:transparent}.box{width:280px;height:300px;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;vertical-align:top;border-radius:10px;white-space:normal;display:inline-block;box-sizing:border-box;margin:2px 20px 15px 0;background-color:var(--white);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1),0 0 0 1px rgba(17,24,39,.05)}.box:first-child{margin-left:20px}.box-inner{height:300px;display:flex;padding-top:40px;align-items:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start}.box .box-inner span{font-size:4em;margin-bottom:15px}.box .box-inner p{font-size:.9em}.button-container{padding:30px 0}.padding-bottom{padding-bottom:20px}.form.shrink{max-width:80%;margin:30px auto}.form-information{max-width:80%;margin:0 auto}.form-information a:hover,.switch-description a:hover{text-decoration:underline}.form .form-elements .form-line{margin-bottom:20px}.form .form-elements .form-line .two-line{width:50%;padding:0 10px}.form .form-elements .form-line .two-line:first-child{padding-left:0}.form .form-elements .form-line .two-line:last-child{padding-right:0}.form .form-elements .form-line .label-line{margin-bottom:15px}.form .form-elements .form-line .label-line label{font-weight:500}.form .form-elements .form-line .label-line a:hover{text-decoration:underline}.form .form-buttons{margin-top:25px;text-align:right}.upload-picture{width:225px;margin:0 auto;position:relative}.upload-picture .cover{top:0;left:0}.input-file{z-index:-1;width:.1px;height:.1px;opacity:.1px;overflow:hidden;position:absolute}.input-file+label{opacity:0;width:226px;height:226px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;position:absolute;border-radius:50em;display:inline-block}.input-file+label:hover{opacity:.65}.input-file+label span{font-size:3em;color:#ffffff;margin-top:75px;display:inline-block;text-shadow:1px 1px 1px rgba(0,0,0,1)}.google-button{width:100%;display:flex;font-size:1em;cursor:pointer;color:#444444;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:15px 25px;border-radius:5px;align-items:center;justify-content:center;border:1px solid #dadada;background-color:var(--light-gray)}.google-button:active{background-color:#eeeeee;outline:5px auto rgb(77,144,254)}.apple-button svg,.google-button svg{margin-right:10px}.or-line{height:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;text-align:center;margin-bottom:25px}.or-line hr{top:0;width:100%;z-index:9998;position:absolute;border:1px solid #dadada}.or-line span{z-index:9999;padding:0 15px;position:relative;border-radius:40px;display:inline-block;background-color:#ffffff}.filters .button{padding:10px 20px}.blur-cover{position:relative}.blur-cover,.event-cover{width:100%;height:550px;overflow:hidden}.event-cover{filter:blur(20px);transform:scale(1.2)}.cover-info{top:0;left:0;right:0;bottom:0;display:flex;text-align:center;position:absolute;align-items:center;flex-direction:column;justify-content:center}.cover-info .image{width:300px;height:200px;margin-bottom:20px;border-radius:10px;box-shadow:1px 1px 1px rgba(0,0,0,.5)}.cover-info h1,.cover-info h5,.cover-info h6{text-shadow:1px 1px 1px rgba(0,0,0,.5)}.cover-info h1{font-weight:600}.event-details{display:flex;justify-content:space-between}.event-details .paragraph-container{padding-right:30px}.ticket-box{min-width:400px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;--webkit-user-select:none;background-color:var(--white);border:1px solid var(--light-gray);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1),0 0 0 1px rgba(17,24,39,.05)}.ticket-box .ticket-box-header{color:var(--black);padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:var(--light-gray)}.ticket-box .ticket-box-header h4{margin-bottom:0}.ticket-box .ticket-box-line{color:var(--black);padding:15px 10px;border-bottom:1px solid rgba(17,24,39,.1)}.ticket-box .ticket-box-line .icon{cursor:help;font-size:.9em;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;vertical-align:middle;color:var(--dark-gray)}.ticket-box .ticket-box-line .icon:hover{color:var(--blue)}.ticket-box .ticket-box-line span,.ticket-box .ticket-box-line strong{font-size:.8em;margin-right:5px;display:inline-block;vertical-align:middle}.ticket-box .ticket-box-line:last-child{border-bottom:none}.ticket-box .ticket-box-buttons{padding:15px;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:var(--white)}.ticket-box .ticket-box-buttons button{width:100%}.ticket-box .quantity{margin-right:10px;display:inline-block}.ticket-box .quantity button,.ticket-box .quantity input{width:unset;height:30px;border-radius:0;display:inline-block;border:1px solid var(--blue)}.ticket-box .quantity input{padding:0;width:35px;font-size:.9em;text-align:center;border:1px solid var(--light-gray)}.ticket-box .quantity button{padding:0;width:30px;cursor:pointer;color:var(--white);background-color:var(--blue)}.top-search{max-width:80%;overflow:hidden;margin:30px auto}.top-search .search-inputs{border-radius:10px;border:1px solid #dadada;background-color:#f9f9f9}.top-search .search-inputs input:focus,.top-search .search-inputs input:hover{background-color:#f9f9f9;border:1px solid #f9f9f9}.top-search .search-inputs button{cursor:pointer;padding:0 10px;border-radius:10px;background-color:transparent}.top-search .search-inputs button:active{background-color:var(--light-gray)}.top-search .search-inputs button span{margin-top:7px;font-size:1.3em}.circle-buttons{margin:30px 0;text-align:center}.circle-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--gray);text-align:center;display:inline-block}.circle-button .circle{width:100px;height:100px;display:flex;margin:0 15px;text-align:center;align-items:center;border-radius:50em;transition:all .5s;justify-content:center;border:1px solid var(--light-gray);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1),0 0 0 1px rgba(17,24,39,.05)}.circle-button .circle:hover{background-color:var(--light-gray)}.circle-button .circle:active{background-color:var(--white)}.circle-button .circle span{font-size:2.3em;color:var(--gray)}.circle-button .text{font-size:.8em;margin-top:15px}.table{width:100%;border-spacing:0;border-radius:10px;border:1px solid #f1f1f1}.table tr{border-bottom:1px solid #f1f1f1}.table th,td{padding:10px}.table th:first-child{border-top-left-radius:10px}.table th:last-child{border-top-right-radius:10px}.table th{font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--white);background-color:var(--blackest-gray)}.table td{border-bottom:1px solid #f1f1f1}.main-menu-backdrop{top:0;left:0;right:0;bottom:0;opacity:0;display:flex;position:fixed;z-index:99999999;animation:fade-in .5s forwards;background-color:rgba(0,0,0,.4)}@keyframes fade-in{to{opacity:1}}.main-menu{width:100%;padding:20px;display:fixed;background-color:var(--blackest-gray)}.main-menu .top{text-align:right}.main-menu .top button{cursor:pointer;padding:0 0 10px 10px;background-color:transparent}.main-menu .top button span{font-size:1.8em;color:var(--white)}.main-menu .logo svg{width:100px;fill:var(--white)}.main-menu ul li a{font-size:1.3em;margin-bottom:10px;display:inline-block}.list-cards .card{margin:5px 10px 15px}.list-cards .card:first-child{margin-left:5px}.card-title.venue{background-color:var(--blackest-gray)}.card-title.venue h3,.ticker{color:var(--white)}.ticker{padding:15px 0;text-align:center;background-color:var(--blackest-gray)}.expand-button{padding:15px 20px 5px}.expand-button i{width:unset!important;height:unset!important;font-size:2em!important}.expand-button:active{color:var(--blue)}.help-top{max-width:90%;margin:40px auto 30px}.help-top div{width:33.33%}.help-top div span{margin-right:5px;vertical-align:middle}.help-top a{text-decoration:underline}.help-bottom{text-align:center;margin-bottom:30px}.help-bottom .links{padding-bottom:30px}.help-bottom .links a{display:block;margin-bottom:10px}.help-bottom-box{width:33.33%}.help-bottom-box a:hover{text-decoration:underline}.help-left{flex:1 1;padding-top:5px}.help-left h2{margin-bottom:20px}.help-left ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--light-gray)}.help-left ul li a:hover{text-decoration:underline}.help-right{flex:3 1;padding:0 20px}.help-answers h5{margin-bottom:10px;display:inline-block}.help-answers a:hover,.help-answers h5:hover{text-decoration:underline}.help-answers ul{margin-bottom:30px}.help-answers ul li{margin-bottom:10px}.help-answers ul li:last-child{margin-bottom:0}.muted{display:block;font-size:.9em;margin-top:10px;color:var(--dark-gray)}.muted,.ticket-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ticket-item{width:70%;display:flex;padding:0 20px;overflow:hidden;border-radius:10px;box-sizing:border-box;margin:0 auto 20px;--webkit-user-select:none;background-color:var(--white)}.item-left,.item-right{padding:20px}.item-right{width:25%;text-align:center;position:relative;margin-right:15px;color:black}.item-right h2{margin-bottom:0;line-height:100%}.item-right span{font-size:5em;margin-top:20px}.item-right strong{display:block;font-size:.9em;letter-spacing:2px}.item-right .down-border,.item-right .up-border{position:absolute;padding:14px 15px;border-radius:50em;background-color:var(--white)}.item-right .up-border{top:-38px;right:-35px}.item-right .down-border{right:-35px;bottom:-13px}.item-left{width:71%;padding:30px 0 20px 70px;border-left:9px dotted var(--white);color:black}.item-left h5{line-height:100%;margin-bottom:20px}.item-left p{font-size:.9em;margin-bottom:10px}.item-left span{margin-top:-4px;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--webkit-user-select:none}.item-left .actions{margin-top:20px;text-align:right}.item-left .actions a{width:50px;height:50px;margin:0 5px;overflow:hidden;-moz-user-select:none;user-select:none;text-align:center;border-radius:50em;transition:all .5s;display:inline-block;-webkit-user-select:none;background-color:var(--blackest-gray)}.item-left .actions a:hover{background-color:var(--gray)}.item-left .actions a:active{background-color:var(--dark-gray)}.item-left .actions a span{font-size:1.2em;margin:12px 0 0;color:var(--white)}.black-theme header{box-shadow:none;margin-bottom:0;border-bottom:1px solid #000000;background-color:var(--blackest-gray)}.black-theme header .container .logo svg{fill:var(--white)}.black-theme header .container .links a,.black-theme header .container .members span,.black-theme header .members button{color:var(--white)}.black-theme header .members .profile-photo{border:1px solid var(--gray)}.black-theme .gray-background,.black-theme .white-background{background-color:var(--blackest-gray)}.black-theme .gray{color:#ffffff}.black-theme .paragraph-container p{color:#e6edf3}.black-theme .circle-button .circle{background-color:var(--gray)}.black-theme .circle-button .circle span{color:var(--white)}.black-theme .circle-button .circle:active,.black-theme .circle-button .circle:hover{background-color:var(--gray)}.black-theme .circle-button .text{color:var(--white)}.black-theme .input-text,.black-theme .input-text:focus,.black-theme .input-text:hover{background-color:var(--white);border:1px solid var(--white)}.black-theme .form .form-elements .form-line .label-line label{color:var(--white)}.black-theme input,.black-theme select,.black-theme textarea{color:var(--blackest-gray)}.black-theme .top-search .search-inputs{background-color:var(--white);border:1px solid var(--white)}.black-theme .ticket-box{border:1px solid var(--blackest-gray)}.black-theme .ticket-box .ticket-box-buttons,.black-theme .ticket-box .ticket-box-header{background-color:1px solid var(--blackest-gray)}@media (max-width:900px){a,body,button,div,em,footer,h1,h2,h3,h4,h5,h6,header,html,i,img,input,li,nav,p,section,select,span,strong,table,td,textarea,th,tr,ul{font-size:1.05rem}.scrollable{overflow-x:auto}.event-details{flex-direction:column-reverse}.event-details .paragraph-container{padding-right:unset}.ticket-box{min-width:100%;margin-bottom:50px}.ticket-item{width:100%}.item-left .actions a{width:45px;height:45px}.scroll-container .left-arrow button,.scroll-container .right-arrow button{width:35px;height:35px}}@media (max-width:800px){.responsive-hide{display:none}.responsive-show{display:unset}header .container .logo button{display:inline-block}footer .container{display:block;text-align:center}footer .container .links{margin:20px 0}footer .container .members{margin-top:40px}footer .newsletter{width:90%}footer .newsletter .input-container input{padding:0 20px;font-size:1em}footer .newsletter .input-container button{padding:15px}.form-information,.form.form.shrink,.top-search{max-width:97%}.circle-button .circle{width:80px;height:80px}.circle-button .circle span{font-size:2em}.form .form-buttons{text-align:center}.help-top{display:none!important}.help-bottom{display:block!important}.help-bottom-box{width:100%;margin-bottom:50px}.help-bottom-box:last-child{margin-bottom:0}.item-left{padding:30px 0 0 20px}}@media (max-width:600px){.item-right{display:none}.item-left{width:100%;padding:20px 0}.item-left,.item-left .actions{text-align:center}}@media (max-width:800px){header .container .logo,header .container .members{width:unset}}@media (max-width:768px){.flex-banner{flex-direction:column;text-align:center}.banner-image,.banner-text{width:100%}}.error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;flex-direction:column;gap:1.25rem;color:#1f2937}.error-title{font-size:1.5rem;font-weight:600;color:#dc2626}.error-text{font-size:1rem;color:#6b7280}.error-actions{display:flex;gap:1rem;justify-content:center}.error-button,.error-link{padding:.5rem 1rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;text-decoration:none;transition:background-color .2s ease}.error-button:hover,.error-link:hover{background-color:#f3f4f6;cursor:pointer}.error-link{color:#2563eb;border:none;background:none}.form-wrapper{width:100%;max-width:900px;margin:0 auto;padding:2rem;background-color:#ffffff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.form-elements{gap:2rem}.form-elements,.form-line{display:flex;flex-direction:column}.form-line{gap:1rem}.form-line-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.two-line{width:48%;display:flex;flex-direction:column}.form-buttons{display:flex;justify-content:flex-end;margin-top:2rem}.fade-in{animation:fadeIn .3s ease-in-out}@media (max-width:420px){.form-buttons{flex-direction:column;align-items:center}}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slider{z-index:0}.hero-slide,.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide{background-size:cover;background-position:50%;opacity:0;transition:opacity 1.5s ease-in-out}.hero-slide.active{opacity:1}.hero-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.6),rgba(118,75,162,.5));z-index:1}.hero-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.hero-content-wrapper{max-width:800px;color:white}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;margin-bottom:2rem;animation:fadeInDown .8s ease-out}.badge-icon{font-size:1.2rem}.badge-text{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hero-title-modern{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both}.hero-subtitle-modern{font-size:1.4rem;line-height:1.6;opacity:.95;margin-bottom:3rem;animation:fadeInUp .8s ease-out .4s both}.hero-cta-group{display:flex;gap:1.5rem;margin-bottom:4rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.btn-primary-large,.btn-secondary-large{align-items:center;gap:1rem;padding:1.25rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block;box-sizing:border-box}.btn-primary-large{background:white;color:#667eea;box-shadow:0 8px 24px rgba(0,0,0,.2)}.btn-primary-large:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.btn-secondary-large{background:rgba(255,255,255,.1);color:white;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-large:hover{background:rgba(255,255,255,.2);border-color:white}.btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.btn-text small{font-size:.8rem;font-weight:400;opacity:.8}.btn-icon{font-size:1.5rem;animation:pulse 2s infinite}.btn-arrow{font-size:1.5rem;transition:transform .3s ease}.btn-secondary-large:hover .btn-arrow{transform:translateX(4px)}.hero-quick-stats{display:flex;gap:3rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s both}.quick-stat{gap:1rem}.quick-stat,.stat-icon{display:flex;align-items:center}.stat-icon{font-size:2.5rem;width:60px;height:60px;justify-content:center;background:rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-content strong{font-size:1.8rem;font-weight:700}.stat-content span{font-size:.9rem;opacity:.9}.hero-slider-nav{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.75rem;z-index:2}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s ease}.slider-dot.active{width:32px;border-radius:6px;background:white}.scroll-indicator{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:white;font-size:.8rem;animation:fadeIn 1s ease-out 1.5s both}.scroll-mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:white;border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-wheel 2s infinite}@keyframes scroll-wheel{0%,to{top:8px;opacity:1}50%{top:20px;opacity:0}}.impact-stats-modern{padding:100px 0;background:linear-gradient(180deg,#f8f9fa,white)}.section-header-modern{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-title-modern{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem}.section-desc-modern{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem}.stat-card-modern{background:white;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06);text-align:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.stat-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.stat-card-modern:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-icon-large{font-size:2.5rem}.stat-number-modern{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label-modern{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.stat-desc-modern{font-size:.9rem;color:#666}.overall-progress{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.progress-header h4{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.progress-header p{color:#666;font-size:.95rem}.progress-percentage{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-container{height:16px;background:#f0f0f0;border-radius:50px;overflow:hidden;position:relative;margin-bottom:1rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px;position:relative;transition:width 1s ease}.progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:shimmer 2s infinite}.progress-footer{display:flex;justify-content:space-between;font-size:.9rem;color:#666}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.hero-title-modern{font-size:2.5rem}.hero-subtitle-modern{font-size:1.1rem}.hero-cta-group{flex-direction:column}.btn-primary-large,.btn-secondary-large{width:100%;justify-content:center}.hero-quick-stats{flex-direction:column;gap:1.5rem}.section-title-modern{font-size:2rem}.stats-grid-modern{grid-template-columns:1fr}}.how-it-works-modern{padding:100px 0;background:white;position:relative;overflow:hidden}.how-it-works-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.05) 0,transparent 50%);pointer-events:none}.steps-timeline{position:relative;max-width:1200px;margin:0 auto}.step-item{position:relative;margin-bottom:3rem}.step-connector{position:absolute;top:80px;left:50px;width:3px;height:calc(100% + 3rem);z-index:0}.connector-line{height:100%;opacity:.2;position:relative}.connector-line,.connector-line:after{width:100%;background:linear-gradient(180deg,#667eea,#764ba2)}.connector-line:after{content:"";position:absolute;top:0;left:0;height:0;animation:fillLine 2s ease-out forwards}@keyframes fillLine{to{height:100%}}.step-card-modern{position:relative;background:white;padding:3rem;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08);margin-left:100px;border:2px solid #f0f0f0;transition:all .4s ease;z-index:1}.step-card-modern:hover{transform:translateX(8px);box-shadow:0 16px 48px rgba(102,126,234,.15);border-color:#667eea}.step-number-badge{position:absolute;top:50%;left:-100px;transform:translateY(-50%);width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:white;box-shadow:0 8px 24px rgba(102,126,234,.3);z-index:2}.step-icon-modern{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.step-title-modern{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.step-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:1.5rem}.step-details{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.step-details li{gap:.75rem;font-size:1rem;color:#444}.detail-check,.step-details li{display:flex;align-items:center}.detail-check{width:24px;height:24px;background:linear-gradient(135deg,#48bb78,#38a169);color:white;border-radius:50%;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.section-cta{text-align:center;margin-top:5rem;padding:4rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:24px}.section-cta h3{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem}.section-cta p{font-size:1.2rem;color:#666;margin-bottom:2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%}.cta-buttons a{padding:1.25rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap;min-width:200px}.btn-cta-primary,.btn-cta-secondary,.btn-volunteer-primary,.btn-volunteer-secondary{padding:1.25rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-sizing:border-box}.btn-cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 8px 24px rgba(102,126,234,.3)}.btn-cta-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(102,126,234,.4)}.btn-cta-secondary{background:white;color:#667eea;border:2px solid #667eea}.btn-cta-secondary:hover{background:#667eea;color:white}.volunteer-cta-modern{padding:60px 0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.volunteer-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:30px 30px;opacity:.3}.volunteer-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:start;position:relative;z-index:1}.volunteer-content-modern{color:white;text-align:center}.volunteer-label{display:inline-block;padding:.5rem 1rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.volunteer-title-modern{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,#ffd700,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.volunteer-desc-modern{font-size:1rem;line-height:1.6;opacity:.95;margin-bottom:2rem}.volunteer-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-icon{font-size:1.5rem;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item strong{font-size:.95rem;display:block;margin-bottom:.25rem}.feature-item p{font-size:.85rem;opacity:.9;margin:0;line-height:1.4}.volunteer-actions-modern{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.btn-volunteer-primary,.btn-volunteer-secondary{padding:1rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;box-sizing:border-box}.btn-volunteer-primary{background:white;color:#667eea;box-shadow:0 4px 16px rgba(0,0,0,.2)}.btn-volunteer-secondary{color:white;border:2px solid rgba(255,255,255,.3)}.btn-volunteer-secondary,.volunteer-testimonial{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volunteer-testimonial{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:left}.testimonial-avatar{flex-shrink:0;text-align:center}.testimonial-avatar img{width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}.testimonial-content p{font-size:.9rem;font-style:italic;opacity:.95;margin-bottom:.75rem;line-height:1.5}.testimonial-content strong{display:block;font-size:.9rem;margin-bottom:.25rem}.testimonial-content span{font-size:.8rem;opacity:.8}.volunteer-stats-panel{background:white;padding:1.25rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;top:0}.stats-panel-header{margin-bottom:1.25rem;text-align:center}.stats-panel-header h3{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.stats-panel-header p{color:#666;font-size:.85rem;line-height:1.4}.stats-panel-grid{gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid #f0f0f0}.panel-stat,.stats-panel-grid{display:flex;flex-direction:column}.panel-stat{gap:.35rem}.panel-stat-number{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-stat-label{font-size:.8rem;color:#666;font-weight:500}.panel-stat-bar{height:5px;background:#f0f0f0;border-radius:50px;overflow:hidden}.panel-stat-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px}.opportunities-list{display:flex;flex-direction:column;gap:.6rem}.opportunities-list h4{font-size:.9rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.opportunity-item{display:flex;align-items:center;gap:.6rem;padding:.75rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.opportunity-icon{font-size:1rem;width:32px;height:32px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.opportunity-item>div{flex:1 1;min-width:0}.opportunity-item strong{display:block;font-size:.8rem;color:#1a1a1a;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opportunity-item span{font-size:.7rem;color:#666}.opportunity-badge{padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:12px;font-size:.65rem;font-weight:600;white-space:nowrap;flex-shrink:0}@media (max-width:375px){.volunteer-stats-panel{background:white;padding:1.25rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;top:0;width:100%;max-width:400px;margin:0 auto;box-sizing:border-box}}@media (min-width:640px){.volunteer-cta-modern{padding:80px 0}.volunteer-bg-pattern{background-size:40px 40px}.volunteer-title-modern{font-size:2.25rem}.volunteer-desc-modern{font-size:1.1rem}.volunteer-actions-modern{flex-direction:row;justify-content:center}.btn-volunteer-primary,.btn-volunteer-secondary{width:auto;padding:1rem 2rem}.volunteer-testimonial{flex-direction:row;align-items:flex-start}.testimonial-avatar{text-align:left}.volunteer-stats-panel{padding:1.5rem}.panel-stat-number{font-size:1.75rem}.opportunity-item{padding:.875rem}}@media (min-width:1024px){.volunteer-cta-modern{padding:100px 0}.volunteer-bg-pattern{background-size:50px 50px}.volunteer-grid{grid-template-columns:1fr 1fr;gap:4rem}.volunteer-content-modern{text-align:left}.volunteer-title-modern{font-size:3rem}.volunteer-desc-modern{font-size:1.2rem;margin-bottom:2.5rem}.feature-item{padding:1.5rem}.feature-icon{font-size:2rem;width:50px;height:50px}.feature-item strong{font-size:1.1rem}.feature-item p{font-size:.95rem}.volunteer-actions-modern{justify-content:flex-start;margin-bottom:3rem}.btn-volunteer-primary,.btn-volunteer-secondary{padding:1.25rem 2.5rem;font-size:1rem}.volunteer-testimonial{padding:2rem;gap:1.5rem}.testimonial-avatar img{width:60px;height:60px}.testimonial-content p{font-size:1rem}.volunteer-stats-panel{padding:2rem;border-radius:20px}.stats-panel-header h3{font-size:1.4rem}.panel-stat-number{font-size:2rem}.panel-stat-label{font-size:.85rem}.opportunity-icon{font-size:1.25rem;width:40px;height:40px}.opportunity-item strong{font-size:.85rem}.opportunity-badge{font-size:.7rem;padding:.3rem .6rem}}@media (min-width:1280px){.volunteer-title-modern{font-size:3.5rem}}.project-card-modern{background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .4s ease;border:2px solid transparent}.project-card-modern:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(102,126,234,.2);border-color:#667eea}@media (max-width:1200px){.volunteer-grid{grid-template-columns:1fr;gap:3rem}.volunteer-stats-panel{position:relative;top:0}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}}@media (max-width:768px){.step-card-modern{margin-left:0;padding:2rem 1.5rem}.step-number-badge{position:relative;left:0;top:0;transform:none;margin-bottom:1.5rem;width:80px;height:80px}.step-connector{display:none}.volunteer-title-modern{font-size:2.5rem}.volunteer-features{gap:1rem}.feature-item{padding:1rem}.volunteer-actions-modern{flex-direction:column}.btn-volunteer-primary,.btn-volunteer-secondary{width:100%;justify-content:center}.volunteer-testimonial{flex-direction:column}.section-title-modern{font-size:2rem}.section-cta h3{font-size:1.8rem}.cta-buttons{flex-direction:column;gap:1rem;padding:0 1rem}.cta-buttons a{width:100%;max-width:100%;padding:1rem 2rem;font-size:1rem;text-align:center;box-sizing:border-box}.projects-section-modern .container{padding:0 1rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.projects-section-modern .center{padding:0 .5rem}.btn-cta-primary,.btn-cta-secondary,.btn-volunteer-primary,.btn-volunteer-secondary{width:100%;max-width:100%;padding:1rem 2rem;font-size:1rem;text-align:center}}@media (max-width:480px){.hero-title-modern{font-size:2rem}.cta-buttons{gap:.75rem;padding:0 .5rem}.cta-buttons a{padding:.875rem 1.5rem;font-size:.95rem;min-width:unset}.hero-subtitle-modern{font-size:1rem}.hero-quick-stats{grid-template-columns:1fr}.volunteer-title-modern{font-size:2rem}.volunteer-desc-modern{font-size:1rem}.btn-cta-primary,.btn-cta-secondary,.btn-volunteer-primary,.btn-volunteer-secondary{padding:.875rem 1.5rem;font-size:.95rem}.projects-section-modern .center{padding:0}}.projects-section-modern{padding:100px 0;background:white}.projects-header{text-align:center;margin-bottom:4rem}@media (max-width:768px){.volunteer-cta-modern{padding:60px 0}.volunteer-grid{grid-template-columns:1fr;gap:2rem}.volunteer-content-modern{text-align:center}.volunteer-title-modern{font-size:2rem}.volunteer-desc-modern{font-size:1rem}.volunteer-actions-modern{flex-direction:column;gap:1rem}.volunteer-actions-modern a,.volunteer-actions-modern button{width:100%;text-align:center;justify-content:center}}@media (max-width:480px){.volunteer-cta-modern{padding:40px 0}.volunteer-title-modern{font-size:1.75rem;line-height:1.2}.volunteer-desc-modern{font-size:.95rem}.volunteer-bg-pattern{background-size:30px 30px}}.projects-grid{margin-bottom:3rem}.projects-section-modern .center{padding:0 1rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-card{animation:fadeInScale .6s ease-out}.loading-container{padding:4rem 0}.loading-hero{height:500px;margin-bottom:3rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.skeleton-hero{height:500px;width:100%}.skeleton-card{height:450px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.mt-8{margin-top:2rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.center{text-align:center}.white-background{background:white}[data-aos=fade-up]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-aos=fade-up].aos-animate{opacity:1;transform:translateY(0)}[data-aos=fade-right]{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}[data-aos=fade-right].aos-animate{opacity:1;transform:translateX(0)}html{scroll-behavior:smooth}::selection{background:#667eea;color:white}::-moz-selection{background:#667eea;color:white}.footer{background:#1a1a1a;color:white;padding:4rem 0 0;margin-top:4rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-top{display:grid;grid-template-columns:1.5fr 3fr;grid-gap:4rem;gap:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:-moz-fit-content;width:fit-content}.footer-logo-icon{font-size:2rem}.footer-logo-text{display:flex;flex-direction:column;line-height:1.2}.footer-logo-title{font-size:1.5rem;font-weight:700;color:white}.footer-logo-subtitle{font-size:.75rem;color:rgba(255,255,255,.7);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.footer-mission{color:rgba(255,255,255,.8);line-height:1.6;font-size:.95rem}.footer-social{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease;text-decoration:none;color:white}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-3px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.social-link svg{width:20px;height:20px;fill:currentColor}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column-title{font-size:1rem;font-weight:600;color:white;margin-bottom:.5rem}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;transition:all .3s ease;display:inline-block}.footer-link:hover{color:white;transform:translateX(4px)}.footer-newsletter{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter-content{flex:1 1}.newsletter-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:white}.newsletter-description{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.5}.newsletter-form{display:flex;gap:.75rem;flex:1 1;max-width:500px}.newsletter-input{flex:1 1;padding:.875rem 1.25rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:white;font-size:.95rem;transition:all .3s ease}.newsletter-input::placeholder{color:rgba(255,255,255,.5)}.newsletter-input:focus{outline:none;border-color:#667eea;background:rgba(255,255,255,.1)}.newsletter-button{padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0}.footer-bottom-left{display:flex;flex-direction:column;gap:1rem}.footer-copyright{color:rgba(255,255,255,.6);font-size:.85rem;margin:0}.footer-legal-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-legal-link{color:rgba(255,255,255,.6);text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-legal-link:hover{color:white}.separator{color:rgba(255,255,255,.3);font-size:.85rem}.footer-bottom-right{display:flex;align-items:center}.footer-badges{display:flex;gap:1rem;flex-wrap:wrap}.badge{padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9);white-space:nowrap}@media (max-width:1200px){.footer-top{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-links{grid-template-columns:1fr}.footer-newsletter{flex-direction:column;align-items:flex-start;gap:1.5rem}.newsletter-form{width:100%;max-width:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-badges{width:100%}.badge{flex:1 1;text-align:center}}@media (max-width:480px){.footer{padding:3rem 0 0}.footer-social{justify-content:flex-start}.social-link{width:38px;height:38px}.social-link svg{width:18px;height:18px}.newsletter-form{flex-direction:column}.newsletter-button{width:100%}.footer-badges{flex-direction:column}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:white;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-logo{flex-shrink:0}.logo-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease}.logo-wrapper:hover{transform:scale(1.05)}.logo-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.header-nav{display:flex;align-items:center;gap:2rem;flex:1 1;justify-content:center}.nav-link{color:#333;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:.5rem 0;text-decoration:none}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active{color:#667eea;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.language-toggle{padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:6px;background:white;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.language-toggle:hover{border-color:#667eea;background:#f8f9ff}.signin-link{padding:.5rem 1rem;color:#667eea;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.signin-link:hover{color:#764ba2}.user-menu{position:relative}.user-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background:white;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#333}.user-link:hover{border-color:#667eea;background:#f8f9ff}.user-icon{font-size:1.2rem}.user-name{font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donate-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 2px 8px rgba(102,126,234,.3)}.donate-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.donate-icon{font-size:1rem;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{display:block;width:24px;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{display:none;flex-direction:column;padding:1rem;background:white;border-top:1px solid #e0e0e0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{padding:1rem;color:#333;font-weight:500;text-decoration:none;border-radius:6px;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background:#f8f9ff;color:#667eea}.mobile-nav-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.mobile-signin{padding:.75rem;text-align:center;color:#667eea;font-weight:600;text-decoration:none;border:2px solid #667eea;border-radius:8px;transition:all .3s ease}.mobile-signin:hover{background:#667eea;color:white}.mobile-donate{padding:.75rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease}.mobile-donate:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}@media (max-width:1024px){.header-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}.language-toggle{display:none}}@media (max-width:768px){.header-container{padding:1rem}.logo-title{font-size:1.25rem}.logo-subtitle{font-size:.65rem}.user-name{display:none}.donate-button{padding:.6rem 1rem;font-size:.85rem}.donate-button span:last-child{display:none}.donate-icon{font-size:1.2rem}}@media (max-width:480px){.signin-link{display:none}}.project-detail-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;padding:0 0 3rem;overflow:hidden}.project-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-img{object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(26,26,26,.8))}.hero-content{position:relative;z-index:1;width:100%;color:white}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.breadcrumb a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:white}.breadcrumb span{color:rgba(255,255,255,.5)}.hero-badge-group{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.badge-category{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-category,.badge-status{padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-active{background:#48bb78;color:white}.status-completed{background:#ed8936;color:white}.project-hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;max-width:900px}.project-hero-meta{display:flex;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:1rem}.meta-icon{font-size:1.2rem}.project-detail-main{padding:4rem 0;background:#f8f9fa}.detail-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:3rem;gap:3rem;align-items:start}.detail-content{background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06)}.detail-tabs{display:flex;border-bottom:2px solid #f0f0f0;overflow-x:auto}.tab{flex:1 1;padding:1.25rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.tab:hover{background:rgba(102,126,234,.05)}.tab.active,.tab:hover{color:#667eea}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.tab-content{padding:3rem}.overview-content{display:flex;flex-direction:column;gap:3rem}.content-section h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.lead-text{font-size:1.3rem;color:#444;line-height:1.7;margin-bottom:1rem}.body-text{font-size:1.1rem;color:#666;line-height:1.8}.challenge-box{display:flex;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:16px;border-left:4px solid #667eea}.challenge-icon{font-size:3rem;flex-shrink:0}.challenge-box h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.challenge-box p{font-size:1rem;color:#666;line-height:1.6}.approach-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.approach-card{padding:1.5rem;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.approach-card:hover{background:white;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.approach-icon{font-size:2rem;display:block;margin-bottom:1rem}.approach-card h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.approach-card p{font-size:.95rem;color:#666;line-height:1.5}.impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.impact-metric{text-align:center;padding:2rem 1rem;background:#f8f9fa;border-radius:12px}.metric-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.metric-label{font-size:.95rem;color:#666;font-weight:500}.school-info-card{padding:2rem;background:#f8f9fa;border-radius:16px}.school-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.school-icon{font-size:3rem;width:70px;height:70px;background:white;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.school-header h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.school-header p{font-size:.95rem;color:#666}.school-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.95rem;color:#666;font-weight:500}.detail-value{font-size:1rem;color:#1a1a1a;font-weight:600}.updates-list{display:flex;flex-direction:column;gap:2rem}.update-card{padding:2rem;background:#f8f9fa;border-radius:16px;border-left:4px solid #667eea}.update-date{font-size:.9rem;color:#667eea;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.update-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.update-content{font-size:1rem;color:#666;line-height:1.7}.budget-overview{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:16px;margin-bottom:2rem}.budget-overview h3{font-size:1.1rem;color:#666;font-weight:600;margin-bottom:.5rem}.budget-total{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.budget-list{display:flex;flex-direction:column;gap:1.5rem}.budget-item{padding:1.5rem;background:#f8f9fa;border-radius:12px}.budget-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.budget-item-name{font-size:1rem;font-weight:600;color:#1a1a1a}.budget-item-amount{font-size:1.1rem;font-weight:700;color:#667eea}.budget-item-bar{height:8px;background:#e0e0e0;border-radius:50px;overflow:hidden;margin-bottom:.5rem}.budget-item-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px;transition:width 1s ease}.budget-item-percentage{font-size:.85rem;color:#666}.timeline-list{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:2rem;position:relative}.timeline-marker{position:relative;flex-shrink:0}.timeline-dot{width:20px;height:20px;background:#e0e0e0;border-radius:50%;border:4px solid white;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:1}.timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#48bb78,#38a169)}.timeline-line{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% + 2rem);background:#e0e0e0}.timeline-content-box{flex:1 1;padding-bottom:2rem}.timeline-date{font-size:.9rem;color:#667eea;font-weight:600;margin-bottom:.75rem}.timeline-description{font-size:1rem;color:#666;line-height:1.6;margin-bottom:.75rem}.timeline-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#48bb78;color:white;border-radius:50px;font-size:.85rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;display:block;margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.empty-state p{font-size:1rem;color:#666}.detail-sidebar{display:flex;flex-direction:column;gap:2rem}.sticky-card{position:-webkit-sticky;position:sticky;top:100px}.donation-card,.quick-impact-card,.similar-projects-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.donation-progress{margin-bottom:2rem}.progress-stats-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.goal-amount,.raised-amount{display:flex;flex-direction:column;gap:.25rem}.amount-label,.goal-label{font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:1.5rem;font-weight:800;color:#667eea}.goal-value{font-size:1.1rem;font-weight:700;color:#1a1a1a}.progress-bar-large{height:12px;background:#f0f0f0;border-radius:50px;overflow:hidden;margin-bottom:1rem}.progress-fill-large{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px;position:relative;transition:width 1s ease}.progress-percentage-large{text-align:center;font-size:1.5rem;font-weight:700;color:#667eea}.donation-remaining{text-align:center;padding:1rem;background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;color:#666}.donation-remaining strong{color:#1a1a1a;font-size:1.1rem}.donation-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-box{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:12px}.stat-box-number{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:.5rem}.stat-box-label{font-size:.85rem;color:#666;font-weight:500}.btn-donate-large{width:100%;padding:1rem .1rem;border-radius:10px;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;margin-bottom:.625rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 16px rgba(102,126,234,.25);line-height:1.2}.btn-donate-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.35)}.btn-donate-large .btn-icon{font-size:.95rem;flex-shrink:0}.btn-donate-large span:not(.btn-icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-share{width:100%;padding:.75rem .1rem;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;border:none;cursor:pointer;margin-bottom:1rem;background:white;color:#667eea;border:2px solid #667eea}.btn-share:hover{background:#667eea;color:white}.project-completed-banner{gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#48bb78,#38a169);color:white;border-radius:12px;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.completed-icon,.project-completed-banner{display:flex;align-items:center;justify-content:center}.completed-icon{font-size:1.5rem;width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:50%}.donation-secure{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.85rem;color:#666}.secure-icon{font-size:1rem;color:#48bb78}.quick-impact-card h3,.similar-projects-card h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.quick-impact-card p{font-size:.95rem;color:#666;margin-bottom:1.5rem}.impact-examples{display:flex;flex-direction:column;gap:1rem}.impact-example{padding:1rem;background:#f8f9fa;border-radius:12px;border-left:3px solid #667eea}.impact-amount{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.impact-desc{font-size:.9rem;color:#666}.btn-view-all{display:block;width:100%;padding:1rem;background:white;color:#667eea;border:2px solid #667eea;border-radius:12px;text-align:center;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-view-all:hover{background:#667eea;color:white}.project-detail-loading{min-height:80vh}.skeleton-hero-detail{height:500px;width:100%;margin-bottom:2rem}.skeleton-detail-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:3rem;gap:3rem;padding:4rem 2rem}.skeleton-content{height:800px;width:100%}.skeleton-sidebar{height:600px;width:100%}.project-not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.project-not-found h1{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem}.project-not-found p{font-size:1.2rem;color:#666;margin-bottom:2rem}.btn-primary{display:inline-block;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(102,126,234,.3)}@media (max-width:1200px){.detail-grid{grid-template-columns:1fr}.sticky-card{position:relative;top:0}}@media (max-width:768px){.project-hero-title{font-size:2rem}.tab-content{padding:2rem 1.5rem}.approach-grid,.impact-metrics{grid-template-columns:1fr}.impact-metrics{gap:1rem}.detail-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;min-width:120px}}@media (max-width:480px){.project-detail-hero{min-height:400px}.project-hero-title{font-size:1.8rem}.project-hero-meta{flex-direction:column;gap:.75rem}.donation-card,.quick-impact-card,.similar-projects-card{padding:1.5rem}.amount-value{font-size:1.2rem}}.projects-section-modern{padding:5rem 0;background:linear-gradient(180deg,#f8f9fa,#ffffff)}.projects-section-modern .container{max-width:1400px;margin:0 auto;padding:0 2rem}.projects-section-modern .projects-header{text-align:center;margin-bottom:4rem}.projects-section-modern .section-label{display:inline-block;padding:.5rem 1rem;background:rgba(102,126,234,.1);color:#667eea;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.projects-section-modern .section-title-modern{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;line-height:1.2}.projects-section-modern .section-desc-modern{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.projects-section-modern .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));grid-gap:2.5rem;gap:2.5rem;margin-bottom:3rem}.projects-section-modern .center{text-align:center}.projects-section-modern .btn-cta-primary{display:inline-block;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.projects-section-modern .btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.projects-page-header{padding:4rem 0 3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;position:relative;overflow:hidden}.projects-page-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px;opacity:.3}.header-content{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.page-label{display:inline-block;padding:.5rem 1rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.page-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.page-subtitle{font-size:1.3rem;line-height:1.6;opacity:.95;max-width:700px;margin:0 auto}.header-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto;position:relative;z-index:1}.stat-item{text-align:center;padding:2rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.95rem;opacity:.9}.projects-filters-section{padding:2rem 0}.search-bar-wrapper{margin-bottom:1.5rem}.search-bar{max-width:600px;margin:0 auto}.search-icon{left:1rem;font-size:1rem}.search-input{width:100%;max-width:100%;padding:.5rem 2.5rem .5rem 2rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.8125rem;transition:all .3s ease;background:white}.search-input:focus{box-shadow:0 2px 8px rgba(102,126,234,.15)}.clear-search{left:19rem;width:20px;height:20px;background:#bbb;font-size:.75rem;color:white;font-weight:600}.clear-search:hover{background:#999}.projects-filters-section{padding:.875rem 0;background:#f8f9fa;position:-webkit-sticky;position:sticky;top:70px;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filters-compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.search-and-filters{display:flex;gap:.625rem;flex:1 1;align-items:center;flex-wrap:wrap}.search-bar{position:relative;flex:1 1;min-width:180px;max-width:320px}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#666}.search-input::placeholder{color:#999}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border:none;background:#d0d0d0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.7rem;color:#666;z-index:10}.clear-search:hover{background:#b0b0b0}.filter-dropdowns{display:flex;gap:.625rem;flex-wrap:wrap}.filter-select{padding:.5rem 1.75rem .5rem .625rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;background:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23666' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s ease;min-width:110px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.filter-select:hover{border-color:#667eea}.filter-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.clear-filters-btn{padding:.5rem .875rem;background:white;border:1px solid #667eea;border-radius:6px;font-size:.8125rem;font-weight:600;color:#667eea;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#667eea;color:white}.results-count{font-size:.8125rem;font-weight:600;color:#666;padding:.5rem .875rem;background:white;border-radius:6px;border:1px solid #e0e0e0;white-space:nowrap}.projects-grid-section{padding:4rem 0;background:white}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));grid-gap:2.5rem;gap:2.5rem}.project-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.project-card-inactive{opacity:.85}.project-card-image{position:relative;width:100%;height:240px;overflow:hidden;background:#f0f0f0}.card-image{object-fit:cover;transition:transform .3s ease}.project-card:hover .card-image{transform:scale(1.05)}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:4rem}.project-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-badge-completed{background:rgba(16,185,129,.9);color:white}.project-card-content{padding:1.75rem;display:flex;flex-direction:column;flex:1 1}.project-location{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;margin-bottom:.75rem}.location-icon{flex-shrink:0}.project-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;line-height:1.3;transition:color .3s ease}.project-card:hover .project-title{color:#667eea}.project-description{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-impact{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(102,126,234,.08);border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;color:#667eea}.impact-icon{flex-shrink:0}.project-progress{margin-top:auto;padding-top:1.25rem;border-top:1px solid #f0f0f0}.progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:50px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px;transition:width .5s ease}.progress-stats{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.progress-raised{font-size:1.1rem;color:#1a1a1a}.progress-raised strong{font-weight:700;color:#667eea}.progress-goal{font-size:.85rem;color:#999}.progress-remaining{font-size:.85rem;color:#666;font-style:italic}.project-donate-link{display:block;margin-top:1.25rem;text-decoration:none}.btn{padding:1rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-block{width:100%}.no-results{text-align:center;padding:6rem 2rem}.no-results-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.no-results h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.no-results p{font-size:1.1rem;color:#666;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.btn-reset{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reset:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.3)}.projects-cta-section{padding:6rem 0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:4rem;background:white;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.cta-content h2{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:#666;line-height:1.6}.cta-actions{display:flex;gap:1rem;flex-shrink:0}.btn-cta-large,.btn-cta-outline{padding:1.25rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-sizing:border-box}.btn-cta-large{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 8px 24px rgba(102,126,234,.3)}.btn-cta-large:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(102,126,234,.4)}.btn-cta-outline{background:white;color:#667eea;border:2px solid #667eea}.btn-cta-outline:hover{background:#667eea;color:white}.projects-page-loading{padding:4rem 0}.skeleton-header{height:400px;width:100%;margin-bottom:3rem}.skeleton-filters-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.skeleton-filter{height:50px;width:100%}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}}@media (max-width:768px){.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.header-stats{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1.5rem}.projects-filters-section{position:relative;top:0}.category-filters{flex-wrap:nowrap}.filter-bar{flex-direction:column;align-items:stretch}.filter-left{width:100%}.filter-group,.filter-select{flex:1 1}.filter-right{width:100%;justify-content:space-between}.projects-grid,.projects-section-modern .projects-grid{grid-template-columns:1fr;gap:2rem}.cta-card{flex-direction:column;padding:2.5rem;text-align:center}.cta-content h2{font-size:2rem}.cta-actions{flex-direction:column;width:100%}.btn-cta-large,.btn-cta-outline{width:100%;max-width:100%;padding:1rem 2rem;font-size:1rem;text-align:center}.search-input{padding:1rem 3rem 1rem 3.5rem;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width:480px){.page-title{font-size:2rem}.search-input{padding:1rem 3rem 1rem 3.5rem;width:100%;max-width:100%;box-sizing:border-box}.category-btn{padding:.75rem 1.25rem;font-size:.85rem}.filter-left{flex-direction:column;width:100%}.filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select{width:100%}.btn-cta-large,.btn-cta-outline{padding:.875rem 1.5rem;font-size:.95rem}}
/*# sourceMappingURL=f99b40cf5f2d9151.css.map*/