body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-dark:#3f4359}html{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column}:root{--primary-color:#4e4d61;--hover-color:#ff6a48;--mobile-menu-bg:#4e4d61fa}body{margin:0;padding:0}.navbar-container{align-items:center;background-color:#4e4d61;background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;box-sizing:border-box;height:var(--navbar-height);justify-content:space-between;left:0;padding:1.1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.brand a,.navbar-container{color:#fff;color:var(--text-color);display:flex}.brand a{flex-direction:column;justify-content:center;text-decoration:none;transition:all .3s ease}.brand a:hover{color:#ff6a48;color:var(--hover-color);transform:translateY(-2px)}.brand a h1{font-size:1.8rem;font-weight:700;margin:0}.brand a p{font-size:.75rem;font-weight:500;margin:0}.nav-links{flex-direction:column;justify-content:center}.cta,.nav-items,.nav-links{align-items:center;display:flex}.cta,.nav-items{list-style:none;margin:0;padding:0}.cta li a,.nav-items li a{color:#fff;color:var(--text-color);font-weight:600;margin:0 1rem;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-items li a.active,.nav-items li a:hover{color:#ff6a48;color:var(--hover-color)}.nav-items li a.active:after,.nav-items li a:hover:after{transform:scaleX(1)}.nav-items li a.active:after,.nav-items li a:after,.nav-items li a:hover:after{background-color:#ff6a48;background-color:var(--hover-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:transform .3s ease;width:100%}.nav-items li a:after{transform:scaleX(0)}.call-to-action{background-color:#ff6a48;background-color:var(--accent-color);border-radius:4px;padding:.5rem 1rem;transition:all .3s ease}.call-to-action .user-name{margin-left:5px}.call-to-action:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.cta li a{font-weight:600;transition:all .3s ease}.cta li a:hover{color:#4e4d61;color:var(--primary-color)}.mobile-menu-button{cursor:pointer;display:none;padding:.5rem}.mobile-menu{background-color:#4e4d61fa;background-color:var(--mobile-menu-bg);display:none;height:calc(100vh - 70px);left:0;overflow-y:auto;position:fixed;top:70px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.mobile-menu:before{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:var(--navbar-height);z-index:-1}.mobile-menu.open{transform:translateX(0)}.mobile-nav-items{list-style:none;margin:0;padding:2rem;text-align:center}.mobile-nav-items li{margin-bottom:1.5rem}.mobile-nav-items li a{color:#fff;color:var(--text-color);font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s ease}.mobile-nav-items li a.active,.mobile-nav-items li a:hover{color:#ff6a48;color:var(--hover-color)}.mobile-cta{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.user-greeting{align-items:center;color:#fff;color:var(--text-color);display:flex;font-weight:600;margin-right:1rem}.user-greeting:hover{color:#4e4d61;color:var(--primary-color);cursor:pointer}.logout-button{align-items:center;background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;padding:0;transition:all .3s ease}.logout-button:hover{color:#4e4d61;color:var(--primary-color)}.mobile-nav-items .logout-button{justify-content:center;padding:.5rem 0;width:100%}.mobile-nav-items .user-greeting{justify-content:center;margin-bottom:1rem}.call-to-action .cta{align-items:center}@media (max-width:1024px){.brand a p{display:none}}@media (max-width:850px) and (min-width:769px){.nav-items li a{font-size:.9rem;margin:0 .5rem;padding:0 .5rem;white-space:nowrap}.brand a h1{font-size:1.5rem}.call-to-action{padding:.5rem}.cta li a{font-size:.9rem}}@media (max-width:768px){.navbar-container{padding:.5rem 1rem}.call-to-action,.nav-links{display:none}.mobile-menu,.mobile-menu-button{display:block}.brand a h1{font-size:1.5rem}}@media (max-width:480px){.navbar-container{padding:.5rem}.brand a h1{font-size:1.3rem}}.hero-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/diverse-community-with-hands-circle.65f2873f9bf5387be3e2.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding-top:15vh;position:relative;text-align:center;width:100%;z-index:1}.hero-container:before{background:#0006;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-header{animation:fadeInUp 1.5s ease-out;display:flex;flex-direction:column;max-width:90%;text-align:left;z-index:3}.hero-header h2{color:#fff;font-size:2rem;font-weight:900;letter-spacing:3px;margin-bottom:.5rem;text-shadow:2px 2px 4px #000c;text-transform:uppercase}.hero-header h1{font-size:5rem;font-weight:900;line-height:1;margin:0;text-shadow:3px 3px 6px #000c}.down-arrow{animation:bounce 2s infinite;margin-top:40px;z-index:3}.down-arrow a{color:#fff;opacity:.8;transition:opacity .3s ease}.down-arrow a:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@media (max-width:992px){.hero-header h1{font-size:3.8rem}}@media (max-width:768px){.hero-header h2{font-size:1.5rem}.hero-header h1{font-size:3rem;line-height:1.1}}@media (max-width:576px){.hero-header h2{font-size:1.2rem}.hero-header h1{font-size:2.2rem}.down-arrow{margin-top:30px}}:root{--text-color:#4a4f6b}.about-intro-container{background-color:#eaeaea;background-color:var(--bg-light);padding:5rem 2rem}#about-us-linking{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px}.about-header{color:#3f4359;color:var(--primary-color);flex:1 1}.about-header h2{display:inline-block;font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.1;margin:0;position:relative}.about-header h2:first-child:after{background:#ff6a48;background:var(--accent-color);bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.about-header h2:nth-child(2){padding-left:1.5rem}.about-header h2:nth-child(3){padding-left:3rem}.about-intro-p{color:#5e647d;color:var(--text-muted);flex:1 1}.about-intro-p h5{color:#3f4359;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.about-intro-p p{color:#5e647d;color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.read-more-about a{color:#ff6a48;color:var(--accent-color);display:inline-block;font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;transition:var(--transition)}.read-more-about a:after{background:#ff6a48;background:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.read-more-about a:hover{color:#3f4359;color:var(--primary-color)}.read-more-about a:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:992px){#about-us-linking{flex-direction:column;gap:2rem;text-align:center}.about-header{align-items:center;display:flex;flex-direction:column;gap:.5rem}.about-header h2:nth-child(2),.about-header h2:nth-child(3){padding-left:0}.about-header h2:first-child:after{left:50%;transform:translateX(-50%)}.about-intro-p{margin:0 auto;max-width:600px}}@media (max-width:576px){.about-intro-container{padding:3rem 1.5rem}.about-header h2{font-size:2.5rem}.about-intro-p h5{font-size:1.3rem}.about-intro-p p{font-size:1rem}}:root{--text-color:#fff}.events-intro-container{align-items:center;background:url(/static/media/friends-partying-tailgate-event.7b4652077bd4afa655b6.webp) 50%/cover no-repeat fixed;color:#fff;color:var(--text-color);display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.events-intro-container:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.events-links{background-color:#3f4359f2;background-color:var(--bg-dark);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:2}.events-intro-wrapper{display:flex;gap:2rem;padding:2rem}.events-links-header{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.events-links-header h2{font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:.9;margin:.5rem 0;position:relative}.events-links-header h2:first-child:after{background:#ff6a48;background:var(--accent-color);bottom:-5px;content:"";height:4px;left:0;position:absolute;width:60px}.events-links-p{display:flex;flex:1.5 1;flex-direction:column;justify-content:center;padding:2rem}.events-links-p h5{color:#fff;color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.events-links-p p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.read-more-events a{align-items:center;color:#ff6a48;color:var(--accent-color);display:inline-flex;font-weight:600;padding:.5rem 0;text-decoration:none}.read-more-events a,.read-more-events a:after{transition:all .3s ease;transition:var(--transition)}.read-more-events a:after{content:"→";margin-left:.5rem}.read-more-events a:hover{color:#fff;color:var(--text-color);transform:translateX(5px)}.read-more-events a:hover:after{transform:translateX(3px)}.top-3-events{background:#0003;display:grid;grid-template-columns:repeat(3,1fr)}.top-event{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;transition:var(--transition)}.top-event:hover{background:#ff6a481a;transform:translateY(-5px)}.top-event:nth-child(2){background:#0000004d}.event-date h2{font-size:2.5rem;font-weight:800;line-height:1;margin:0}.event-title p{font-size:1.2rem;font-weight:600;margin:1rem 0 0}.event-page-link{margin-top:1.5rem}@media (max-width:992px){.events-intro-wrapper{flex-direction:column;padding:1.5rem}.events-links-header,.events-links-p{padding:1rem}.top-3-events{grid-template-columns:1fr}.top-event{padding:1.5rem}}@media (max-width:768px){.events-links{width:95%}.events-links-header h2{font-size:2.5rem}.events-links-p h5{font-size:1.3rem}.event-date h2{font-size:2rem}}@media (max-width:480px){.events-intro-container{padding:1rem 0}.events-links-header h2{font-size:2rem}.event-title p,.events-links-p p{font-size:1rem}}:root{--bg-dark:#3f4359f2}.civic-intro-container{align-items:center;background:url(/static/media/man-woman-talking-podcast.2bdb96dbd39de82103c2.webp) 50%/cover no-repeat fixed;color:#eaeaea;color:var(--text-color);display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.civic-intro-container:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.civic-intro-wrapper{background-color:#3f4359f2;background-color:var(--bg-dark);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:2rem;max-width:900px;padding:2rem;position:relative;width:90%;z-index:2}.civic-intro-header h2{color:#eaeaea;color:var(--text-color);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.3;margin-bottom:1rem}.civic-intro-description p{font-size:clamp(1rem,2vw,1.2rem);font-style:italic;line-height:1.6;margin:0 auto;max-width:800px;opacity:.9}.mockup-container{display:flex;gap:2rem;margin:2rem 0}.mock-icons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:50%}.mock-icons .icon{align-items:center;border-radius:8px;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.mock-icons .icon:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.mock-icons .icon svg{color:#ff6a48;color:var(--accent-color);margin-bottom:1rem}.mock-icons .icon p{font-size:clamp(.8rem,1.5vw,1rem);font-weight:600;margin:0;text-align:center}.thumbs-up{background-color:#2ecc711a}.clip-board{background-color:#ff6a4814}.comments{background-color:#3498db1a}.graph{background-color:#ff6a481a}.file-doc{background-color:#4a90e21a}.volunteer{background-color:#2ecc711a}.election{background-color:#9b59b61a}.whistleblower{background-color:#e74c3c1a}.legal{background-color:#3498db1a}.mockup{border-radius:8px;box-shadow:0 5px 15px #0003;overflow:hidden;width:60%}.dash-image{display:block;height:auto;transition:all .3s ease;transition:var(--transition);width:100%}.dash-image:hover{transform:scale(1.02)}.civic-cta-button{margin-top:1rem}.civic-cta-button button{background:#0000;border:none}.civic-cta-button a{background-color:#ff6a48;background-color:var(--accent-color);border:2px solid #0000;border-radius:50px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.civic-cta-button a:hover{background-color:initial;border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 5px 15px #ff6a484d;color:#ff6a48;color:var(--accent-color);transform:translateY(-3px)}@media (max-width:992px){.mockup-container{flex-direction:column}.mock-icons,.mockup{width:100%}.mock-icons{gap:.5rem;grid-template-columns:repeat(3,1fr)}.mock-icons .icon{padding:1rem}}@media (max-width:768px){.civic-intro-wrapper{padding:1.5rem;width:95%}.mock-icons{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.civic-intro-header h2{font-size:1.5rem}.mock-icons{grid-template-columns:1fr}.civic-cta-button a{font-size:.9rem;padding:.7rem 1.5rem}}:root{--text-muted:#5e647d}.user-education{background-color:#eaeaea;background-color:var(--bg-light);color:#3f4359;color:var(--text-color);overflow:hidden;padding:4rem 2rem;position:relative}.user-education:before{background:linear-gradient(135deg,#fffc,#eaeaeae6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.user-edu-header{margin-bottom:2rem;text-align:center}.user-edu-header h2{color:#3f4359;display:inline-block;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.3;margin:0 auto;max-width:800px;position:relative;text-shadow:none;z-index:2}.user-edu-header h2:after{background:#ff6a48;background:var(--accent-color);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.user-edu-p{color:#5e647d;color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin:0 auto 2rem;max-width:800px;text-align:center}.user-edu-p strong{color:#3f4359;color:var(--primary-color);font-weight:700}.read-more-info{display:inline-block;margin-top:2rem}.read-more-info a{align-items:center;color:#ff6a48;color:var(--accent-color);display:inline-flex;font-weight:600;padding:.5rem 1rem;position:relative;text-decoration:none}.read-more-info a,.read-more-info a:after{transition:all .3s ease;transition:var(--transition)}.read-more-info a:after{content:"→";margin-left:.5rem}.read-more-info a:hover{color:#3f4359;color:var(--primary-color);transform:translateX(5px)}.read-more-info a:hover:after{transform:translateX(3px)}.user-education:after{background-color:#ff6a481a;border-radius:50%;content:"";height:150px;position:absolute;right:-50px;top:-50px;width:150px;z-index:-1}@media (max-width:768px){.user-education{padding:3rem 1.5rem}.user-edu-header h2{font-size:1.6rem}.user-edu-p{font-size:1rem;text-align:left}}@media (max-width:480px){.user-education{padding:2rem 1rem}.user-edu-header h2{font-size:1.4rem}.read-more-info a{padding:.5rem}}.call-to-action-landing-container{color:#eaeaea;flex-direction:column;height:100vh;text-align:center;z-index:1}.call-to-action-landing-container,.call-to-action-landing-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.call-to-action-landing-wrapper{padding:50px 0}.call-to-action-landing{background-attachment:fixed;background-blend-mode:overlay;background-color:#e16a4899;background-image:url(/static/media/young-adults-meeting-up-study.c9879dab9ef732bc9a20.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:50px;position:relative;text-align:center;width:80%;z-index:10}.call-to-action-landing h2{color:#eaeaea;font-size:2rem;margin-bottom:20px}.call-to-action-landing button{background-color:#eaeaea;border:none;border-radius:10px;color:#ff6a48;cursor:pointer;font-size:1rem;font-weight:bolder;padding:10px 20px;transition:tranform .3s ease,box-shadow .3s ease}.call-to-action-landing button:hover{border-radius:20px;box-shadow:0 8px 16px #0000004d;color:#3f4359;transform:scale(1.05)}:root{--bg-dark:#2a2d3d}.footer-container{background-color:#3f4359;background-color:var(--primary-color);border-top:3px solid #ff6a48;border-top:3px solid var(--accent-color);color:#eaeaea;color:var(--text-color);padding:3rem 2rem 0;position:relative;z-index:10}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding-bottom:2rem}.footer-brand h1{color:#eaeaea;color:var(--text-color);font-size:2rem;margin-bottom:.5rem}.footer-brand p{color:#b0b2b8;color:var(--text-muted);margin-bottom:1.5rem}.contact-info{margin-top:1.5rem}.contact-info p{align-items:center;color:#b0b2b8;color:var(--text-muted);display:flex;gap:.5rem;margin:.5rem 0}.contact-info svg{width:1rem}.footer-section{margin-bottom:2rem}.footer-section h5{color:#eaeaea;color:var(--text-color);font-size:1.1rem;margin-bottom:1.2rem;padding-bottom:.5rem;position:relative}.footer-section h5:after{background:#ff6a48;background:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#b0b2b8;color:var(--text-muted);display:inline-block;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#ff6a48;color:var(--accent-color);transform:translateX(5px)}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.newsletter-form input{background-color:initial;border:1px solid #b0b2b8;border:1px solid var(--text-muted);border-radius:4px;color:#eaeaea;color:var(--text-color);padding:.8rem}.newsletter-form button{background-color:#ff6a48;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem;transition:all .3s ease}.newsletter-form button:hover{background-color:#e05a3a}.social-links{display:flex;gap:1.2rem;margin-top:1.5rem}.social-links a{color:#b0b2b8;color:var(--text-muted);font-size:1.2rem;transition:all .3s ease}.social-links a:hover{color:#ff6a48;color:var(--accent-color);transform:translateY(-3px)}.footer-bottom{align-items:center;background-color:#2a2d3d;background-color:var(--bg-dark);display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem;text-align:center}.copyright p{color:#b0b2b8;color:var(--text-muted);font-size:.9rem;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#b0b2b8;color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#ff6a48;color:var(--accent-color)}@media (min-width:768px){.footer-content{grid-template-columns:repeat(4,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px}}@media (max-width:600px){.footer-content{grid-template-columns:1fr 1fr}.newsletter{grid-column:span 2}}@media (max-width:400px){.footer-content{grid-template-columns:1fr}.newsletter{grid-column:span 1}}.about-container-header{align-items:center;background:url(/static/media/collage-customer-experience-concept.6a3afae1dcd5587c96c9.webp) 50%/cover no-repeat fixed;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:80vh;position:relative;text-align:center;width:100%;z-index:1}.about-container-header:before{background:linear-gradient(180deg,#3f4359b3,#3f4359e6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.about-container-header h1{animation:fadeInUp 1s ease;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.about-wrapper{background-color:var(--bg-light);color:var(--text-dark);margin:0 auto;max-width:1200px;padding:4rem 2rem}.about-wrapper h3{color:var(--primary-color);display:inline-block;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:2rem;position:relative}.about-wrapper h3:after{background:var(--accent-color);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-wrapper p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px}.about-wrapper i{color:var(--primary-color);font-weight:500}.about-wrapper strong{color:var(--primary-color);font-weight:700}hr{background:linear-gradient(to right,#0000,var(--accent-color),#0000);border:0;height:1px;margin:3rem auto;max-width:200px}.how-it-works{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.how-it-works p{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000000d;padding:1.5rem;transition:var(--transition)}.how-it-works p:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.how-it-works p strong{color:var(--accent-color);display:block;font-size:1.2rem;margin-bottom:.5rem}.about-us-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem}.about-cta-btn{background-color:var(--accent-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:var(--transition)}.about-cta-btn:hover{background-color:#e05a3a;box-shadow:0 5px 15px #ff6a484d;transform:translateY(-3px)}.about-back-btn a{background:#0000;border:2px solid var(--accent-color);border-radius:50px;color:var(--accent-color);cursor:pointer;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:var(--transition)}.about-back-btn a:hover{background:var(--accent-color);box-shadow:0 5px 15px #ff6a484d;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.about-wrapper{padding:3rem 1.5rem}.how-it-works{grid-template-columns:1fr}.about-us-buttons{align-items:center;flex-direction:column;gap:1rem}.about-back-btn a,.about-cta-btn{text-align:center;width:100%}}@media (max-width:480px){.about-container-header{min-height:60vh}.about-wrapper h3:after{width:60px}}.home-container{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.home-header-container{background-color:#3f4359;box-shadow:0 2px 4px #0000001a;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.main-content-container{display:flex;flex:1 1;position:relative}.content{align-items:center;background-color:#f8f9fa;display:flex;flex:1 1;justify-content:center;margin-left:15%;margin-top:5%;overflow-y:auto;padding:20px}.sidebar-container{background-color:#3f4359;box-shadow:2px 0 4px #0000001a;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;min-width:200px;position:fixed;top:14%;transition:transform .3s ease;width:15%;z-index:9}.sidebar-container.dark{background-color:#171717;border-right:1px solid #333}.user-profile-summary{border-bottom:1px solid #ffffff1a;padding:20px;text-align:center}.scrollable-menu{flex:1 1;overflow-y:auto;padding:15px 20px}.scrollable-menu .location-filters{margin:15px 0}.scrollable-menu .location-filters .dropdown-selector{border:none;padding:0}.scrollable-menu .location-filters .dropdown-selector label{display:none}.sidebar-container hr{border:none;border-top:1px solid #ff6a48;height:1px;margin:8px 0}.item-container{align-items:center;cursor:pointer;display:flex;justify-content:space-between;line-height:30px}.item-container.active,.item-container:hover{color:#ff6a48}.menu-item{align-items:center;border-radius:4px;display:flex;margin:5px 15px;padding:12px 20px;transition:all .2s ease}.menu-item:hover{cursor:pointer}.menu-item.active{color:#ff6a48}.icon{color:#fff;font-size:18px;margin-right:12px}.item-title{font-size:14px;font-weight:500}.dashboard-controls{border-top:1px solid #ffffff1a;font-size:12px;padding:15px}.dashboard-type-toggle{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px}.dashboard-type-toggle:hover{color:#ff6a48}.type-toggle-icon{margin-left:auto;transition:transform .2s}.dashboard-type-options{padding:5px 0}.type-option{border-radius:4px;cursor:pointer;font-size:12px;padding:5px 15px}.type-option.active,.type-option:hover{color:#ff6a48}.dropdowns{margin:15px}.dropdown{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:13px;margin-bottom:10px;padding:5px 10px;width:100%}.dropdown-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:70%;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap;width:100%}.subsection{padding-left:10px}.sub-item{cursor:pointer;font-size:12px;padding:5px;transition:background-color .3s}.sub-item.active,.sub-item:hover{color:#ff6a48}.details-link{background-color:initial;border:none;color:#fff;cursor:pointer}.details-link:hover{color:#ff6a48}.sidebar-toggle{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:16px;left:20px;padding:8px 12px;position:fixed;top:20px;z-index:1000}@media (max-width:768px){.sidebar-toggle{display:block;margin-top:6%}.sidebar-container{min-width:250px;transform:translateX(-100%);width:250px}.sidebar-container.open{box-shadow:2px 0 15px #0003;transform:translateX(0)}}.dropdown-selector{margin-bottom:15px}.dropdown-selector label{color:#333;display:block;font-weight:500;margin-bottom:5px}.location-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.location-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed}.rating-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;box-shadow:var(--card-shadow);color:#3f4359;color:var(--text-color);margin:2rem auto;max-width:600px;padding:2rem}.rating-form h2{color:#3f4359;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.rating-form h2:after{background:#ff6a48;background:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.rating-form h4{color:#3f4359;color:var(--primary-color);font-size:1.2rem;margin:1.5rem 0 .5rem}.rating-form h5{color:#666;font-size:.9rem;font-weight:400;margin-bottom:1.5rem}.councilor-details{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem}.councilor-details p{color:#3f4359;color:var(--primary-color);font-size:.95rem;margin:.5rem 0}.councilor-details strong{color:#3f4359;color:var(--primary-color);padding-right:10px}.rate{margin:1.5rem 0}.rating-constraint{color:#666;font-size:.85rem;font-style:italic;margin-bottom:1.5rem}.rating-form select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:.95rem;margin-bottom:1.5rem;padding:.8rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.rating-form select:focus{border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.stars{display:flex;gap:.8rem;margin:1rem 0 2rem}.stars svg{font-size:1.8rem}.rating-form button,.stars svg{transition:all .3s ease;transition:var(--transition)}.rating-form button{background-color:#ff6a48;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.9rem;width:100%}.rating-form button:hover:not(:disabled){background-color:#e05a3a;transform:translateY(-2px)}.rating-form button:disabled{background-color:#ccc;cursor:not-allowed}.message{border-radius:6px;margin:1rem 0;padding:.8rem 1rem}@media (max-width:768px){.rating-form{margin:1rem;padding:1.5rem}.rating-form h2{font-size:1.3rem}}.ward-perspectives-container{color:#3f4359;color:var(--text-color);margin:0 auto;max-width:1200px;padding:2rem 1rem}.concerns-title,.other-concerns-title{color:#3f4359;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.concerns-title:after,.other-concerns-title:after{background:#ff6a48;background:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.location-filters,.perspective-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.location-filters .dropdown-selector,.perspective-filters input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:.9rem;min-width:200px;overflow:hidden;padding:.8rem 1rem;transition:all .3s ease;transition:var(--transition)}.perspective-filters input:focus{border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.user-ward-perspectives{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.perspective-card{background:#fff;display:flex;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.perspective-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.perspective-card:nth-child(odd){flex-direction:row}.perspective-card:nth-child(2n){flex-direction:row-reverse}.perspective-image-container{flex-shrink:0;width:50%}.image-placeholder,.perspective-image{height:100%;min-height:250px;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#f0f0f0;color:#999;display:flex;justify-content:center}.perspective-content{display:flex;flex-direction:column;padding:2rem;width:100%}.perspective-content h3{color:#3f4359;color:var(--primary-color);font-size:1.2rem;margin:0 0 .5rem}.perspective-date{color:#666;font-size:.8rem;margin-bottom:.8rem}.perspective-description{color:#555;line-height:1.6;margin:1rem 0}.perspective-location{color:#3f4359;color:var(--primary-color);font-size:.9rem;font-weight:500}.status-badge{font-size:.75rem;justify-content:space-between;margin-top:.8rem;padding:.3rem .8rem;width:40%}.status-badge.open{background-color:#ffece8;color:#ff6a48;color:var(--accent-color)}.status-badge.pending{border:none;color:#ff6a48}.status-badge.in-progress{background-color:#e8f4ff;color:#2a7de1}.other-perspectives-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.perspective-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.perspective-item{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.perspective-item:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.perspective-thumbnail,.thumbnail-placeholder{height:180px;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:.9rem;justify-content:center}.perspective-text{color:#3f4359;color:var(--primary-color);padding:1.2rem}.read-more{color:#ff6a48;color:var(--accent-color);font-weight:600}.perspective-divider{background:linear-gradient(90deg,#0000,#ff6a48,#0000);background:linear-gradient(to right,#0000,var(--accent-color),#0000);border:0;height:1px;margin:3rem auto;max-width:100%}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.pagination button.active,.pagination button:hover:not(:disabled){background:#ff6a48;background:var(--accent-color);border-color:#ff6a48;border-color:var(--accent-color);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.perspective-card{flex-direction:column}.image-placeholder,.perspective-image{height:200px;width:50%}}@media (max-width:768px){.location-filters,.perspective-filters{align-items:stretch;flex-direction:column}.perspective-row{grid-template-columns:1fr}.concerns-title,.other-concerns-title{font-size:1.5rem}.perspective-card{flex-direction:column!important}.perspective-content,.perspective-image-container{width:100%}.image-placeholder,.perspective-image{max-height:200px;min-height:200px}}@media (max-width:480px){.perspective-content,.perspective-text,.ward-perspectives-container{padding:1rem}.concerns-title,.other-concerns-title{font-size:1.3rem}}.status-badge.inprogress{align-items:center;background-color:#17a3b875;color:#17a2b8}.concern-status-container{border-top:1px solid #eee;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.current-status{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;width:100%}.current-status,.status-badge{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;margin:0;padding:.5rem 1rem;transition:var(--transition)}.status-badge.pending{background-color:#ff6a481a;color:var(--accent-color)}.status-badge.inprogress{background-color:#e8f4ff;color:#2a7de1}.status-badge.resolved{background-color:#e8f8f0;color:#2e7d32}.edit-status-btn{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:.8rem;margin-left:.5rem;padding:.25rem;transition:var(--transition)}.edit-status-btn:hover{background-color:#0000001a}.comment-toggle{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;position:relative;transition:var(--transition)}.comment-count-badge{align-items:center;background-color:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.resolved-date{color:#666;font-size:.8rem;margin:0}.status-update-form{background:var(--bg-light);border:1px solid #eee;border-radius:8px;margin-top:1rem;padding:1.5rem;width:100%}.status-update-form .form-group{margin-bottom:1.5rem}.status-update-form label{color:var(--primary-color);display:block;font-weight:500;margin-bottom:.5rem}.status-update-form input[type=file],.status-update-form select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.8rem;transition:var(--transition);width:100%}.status-update-form select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.image-preview{margin-top:.8rem}.image-preview img{border:1px solid #eee;border-radius:4px;max-height:150px;max-width:150px}.form-actions{margin-top:1.5rem}.update-status-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:var(--transition)}.update-status-btn:hover{background-color:#e55f3a}.update-status-btn:disabled{cursor:not-allowed;opacity:.7}.cancel-btn{border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:.8rem 1.5rem;transition:var(--transition)}.error-message,.success-message{font-size:.9rem;padding:.8rem}.error-message{background-color:#ffebee}@media (max-width:768px){.current-status{align-items:stretch;flex-direction:column;gap:.8rem;row-gap:.5rem}.status-badge{margin-right:auto;order:1}.comment-toggle{order:2}.verify-btn{justify-content:center;margin-left:0;margin-right:auto;order:3;width:40%}.resolved-date{order:4;width:100%}.form-actions{flex-direction:column}}@media (max-width:480px){.status-update-form{padding:1rem}.status-badge{padding:.4rem .8rem}}.comment-section{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.comment-section h3{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1.5rem}.comment-section h3:before{background-color:var(--accent-color);border-radius:2px;content:"";display:block;height:1.2rem;width:4px}.alert{border-radius:6px;font-size:.9rem;margin-bottom:1rem;padding:.8rem 1rem}.alert.success{background-color:#e8f8f0;color:#2e7d32}.alert.error{background-color:#ffebee;color:#d32f2f}.comment-form{margin-bottom:2rem}.comment-form textarea{border:1px solid #ddd;border-radius:8px;font-size:.9rem;margin-bottom:1rem;min-height:100px;padding:1rem;resize:vertical;transition:var(--transition);width:100%}.comment-form textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.comment-form button{align-items:center;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:var(--transition)}.comment-form button:hover{background-color:#e55f3a}.comment-form button:disabled{cursor:not-allowed;opacity:.7}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.read-more-btn{padding:0}.comment{word-wrap:break-word;background:#fff;border-radius:4px;box-shadow:var(--card-shadow);margin-bottom:1rem;overflow-wrap:break-word;padding:1rem;position:relative;white-space:pre-wrap}.comment-content.expanded{max-height:none}.read-more-btn{background:none;border:none;color:#e55f3a;cursor:pointer;display:inline-block;font-size:.8rem;margin-top:.5rem;padding:.25rem 0}.read-more-btn:hover{text-decoration:underline}.comment-header{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.8rem}.comment-author{color:var(--primary-color);font-weight:600}.comment-date{color:#666;font-size:.8rem}.delete-comment{background:none;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:.9rem;padding:.3rem;transition:var(--transition)}.delete-comment:hover{background-color:#d32f2f1a}.comment-content{line-clamp:10;-webkit-line-clamp:10;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;line-height:1.5;max-height:4.5em;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:max-height .3s ease;word-break:break-word}.loading{padding:1rem}comment-content.expanded{line-clamp:none;-webkit-line-clamp:unset}.no-comments{color:#666;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.current-status{align-items:flex-start;gap:.5rem}.current-status,.form-actions{flex-direction:column}.cancel-btn,.update-status-btn{width:100%}.comment-content{max-height:3em}}@media (max-width:480px){.comment-section{padding-top:1rem}.comment{padding:1rem}.comment-header{flex-wrap:wrap;gap:.5rem}.comment-date{margin-left:auto}}.verify-btn{align-items:center;background:none;border:1px solid var(--accent-color);border-radius:20px;color:var(--accent-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem .8rem;transition:var(--transition)}.verify-btn:hover:not(.verified){background-color:#ff6a481a}.verify-btn.verified{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.verify-btn:disabled:not(.verified){background-color:initial;cursor:not-allowed;opacity:.6}.profile-details{color:var(--text-color);margin:0 auto;max-width:1200px;padding:2rem 1rem}.profile-details h2{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.profile-details h2:after{background:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.profile-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.profile-section{background:#fff;border-radius:10px;box-shadow:var(--card-shadow);padding:1.5rem;transition:var(--transition)}.profile-section:hover{box-shadow:0 8px 20px #0000001f}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{color:var(--primary-color);font-size:1.3rem;margin:0}.edit-section-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--accent-color);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:var(--transition);width:36px}.edit-section-btn:hover{background-color:#ff6a481a}.display-fields{grid-gap:1rem;display:grid;gap:1rem}.display-fields span{color:var(--primary-color)}.info-field{display:flex;gap:.5rem}.field-label{color:var(--primary-color);font-weight:600;min-width:120px}.edit-fields{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.8rem 1rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.form-group select:disabled{background-color:#f5f5f5;opacity:.7}.dropdown-loading{color:#666;font-size:.8rem;margin-top:.3rem}.add-section-form{flex-direction:column}.add-section-actions,.add-section-form,.form-actions{display:flex;gap:1rem}.form-actions{margin-top:1rem}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:var(--transition)}.save-btn{background-color:var(--accent-color);border:none;color:#fff}.save-btn:hover{background-color:#e55f3a}.cancel-btn{background-color:#fff;border:1px solid #ddd;color:var(--primary-color)}.cancel-btn:hover{background-color:#f5f5f5}@media (max-width:1024px){.profile-sections{grid-template-columns:1fr}}@media (max-width:768px){.profile-details{padding:1.5rem}.profile-section{padding:1.25rem}.info-field{flex-direction:column;gap:.2rem}.field-label{min-width:auto}.add-section-actions,.form-actions{flex-direction:column;gap:.8rem}}@media (max-width:480px){.profile-details{padding:1rem}.profile-details h2{font-size:1.5rem}.section-header h3{font-size:1.1rem}.form-group input,.form-group select{padding:.7rem 1rem}.cancel-btn,.save-btn{padding:.7rem 1.2rem}}:root{--text-light:#eaeaea;--bg-light:#f8f9fa;--card-shadow:0 4px 12px #00000014}.concern-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;box-shadow:var(--card-shadow);color:#3f4359;color:var(--text-color);margin:2rem auto;max-width:600px;padding:2rem}.concern-form h2{color:#3f4359;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.concern-form h2:after{background:#ff6a48;background:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.form-group{margin-bottom:1.5rem}.form-group label{color:#3f4359;color:var(--primary-color);display:block;font-weight:600;margin-bottom:.5rem}.concern-form select,.concern-form textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.8rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.concern-form select:focus,.concern-form textarea:focus{border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.concern-form textarea{min-height:150px;resize:vertical}.image-upload{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.image-upload label{align-items:center;background-color:#f8f9fa;background-color:var(--bg-light);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;transition:var(--transition)}.image-upload label:hover{background-color:#eaeaea}.image-upload svg{color:#3f4359;color:var(--primary-color)}.image-preview{border-radius:6px;display:block;margin-top:1rem;max-height:200px;max-width:100%}.submit-concern{background-color:#ff6a48;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.9rem;transition:all .3s ease;transition:var(--transition);width:100%}.submit-concern:hover:not(:disabled){background-color:#e05a3a;transform:translateY(-2px)}.submit-concern:disabled{background-color:#ccc;cursor:not-allowed}.success-message{background-color:#e8f8f0;color:#2e7d32}.error-message,.success-message{border-radius:6px;margin-top:1rem;padding:.8rem 1rem;text-align:center}.error-message{background-color:#ffece8;color:#d32f2f}.loading{color:#3f4359;color:var(--primary-color);padding:2rem;text-align:center}@media (max-width:768px){.concern-form{margin:1rem;padding:1.5rem}.concern-form h2{font-size:1.3rem}}.explanation-section{margin:0 auto;max-width:1200px;padding:2rem 1rem}.section-title{align-items:center;display:flex;font-size:1.7rem;gap:.5rem;margin-bottom:2rem;text-align:center}.explanation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.explanation-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:transform .3s ease}.explanation-card:hover{transform:translateY(-5px)}.card-icon{font-size:2rem;margin-bottom:.8rem}.constitutional{border-top:4px solid #27ae60}.pre-petition{border-top:4px solid #3498db}.mp-submission{border-top:4px solid #9b59b6}.escalation{border-top:4px solid #e74c3c}.stay-informed-container-header{align-items:center;background-attachment:fixed;background-image:url(/static/media/college-students-different-ethnicities-cramming.e30ca53a848100673575.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:80vh;justify-content:center;position:relative;text-align:center;width:100%;z-index:1}.stay-informed-container-header:before{background:linear-gradient(180deg,#3f4359b3,#3f4359e6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.stay-informed-container-header h1{animation:fadeInUp 1s ease;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.councilor-role{background-color:#eaeaea;display:flex;flex-direction:column}.councillor-role-header h2{color:#3f4359;font-size:2rem;font-weight:bolder;margin-top:30px;text-align:center}.role-wrapper{display:flex;justify-content:space-between;padding:40px;text-align:start}.role-wrapper p{color:#3f4359;font-size:large;margin-bottom:30px;padding:0 100px 0 0}.about-intro-p h5{margin:20px 0}.civic-academy p a{color:#ff6a48;cursor:pointer;text-decoration:none}.civic-academy p a:hover{color:#4e4d61;cursor:pointer;font-weight:700}.councillor-role-statement{display:flex;flex-direction:column;justify-content:center;text-align:center}.councillor-role-statement a{background-color:#ff6a48;border:none;border-radius:10px;color:#eaeaea;cursor:pointer;font-size:1rem;font-weight:bolder;padding:10px 20px;text-decoration:none;transition:tranform .3s ease,box-shadow .3s ease}.councillor-role-statement a:hover{border-radius:20px;box-shadow:0 8px 16px #0000004d;color:#3f4359;transform:scale(1.05)}@media (max-width:1030px){#about-us-linking{flex-direction:column}.about-header{display:flex;gap:20px}.about-header,.about-intro-p{padding:0}}.events-container-header{align-items:center;background-attachment:fixed;background-image:url(/static/media/group-different-people-volunteering-foodbank-poor-people.ed76f41f0bf9eb44ae97.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:80vh;justify-content:center;position:relative;text-align:center;width:100%;z-index:1}.events-container-header:before{background:linear-gradient(180deg,#3f4359b3,#3f4359e6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.events-container-header h1{animation:fadeInUp 1s ease;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upcoming-events{padding:2.5rem 2rem}:root{--text-color:#3f4359;--card-bg:#fff;--silver-bg:#f5f5f5;--gold-bg:#fff8e1;--platinum-bg:#f1f8e9}.pricing-container{background-color:#eaeaea;background-color:var(--bg-light);color:#3f4359;color:var(--text-color);margin-top:6%;min-height:100vh;padding:4rem 1rem}.pricing-wrapper{margin:0 auto;max-width:1200px}.pricing-title{margin-bottom:3rem;text-align:center}.pricing-title h1{color:#3f4359;color:var(--primary-color);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}.pricing-title h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}.memberships{margin-top:3rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.card{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.card.silver{background:#f5f5f5;background:var(--silver-bg)}.card.gold{background:#fff8e1;background:var(--gold-bg)}.card.platinum{background:#f1f8e9;background:var(--platinum-bg)}.card-header{border-bottom:1px solid #3f43591a;padding:1.5rem}.card-header h3{color:#3f4359;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.card-content{flex-grow:1;padding:1.5rem}.card-content p{color:#3f4359;color:var(--primary-color);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.price{margin:1.5rem 0}.figure{color:#ff6a48;color:var(--accent-color);font-size:2.5rem;font-weight:800;margin:0}.pay-period{color:#3f4359;color:var(--primary-color);font-size:.9rem;margin:0;opacity:.8}.card-footer{padding:0 1.5rem 1.5rem}.card button{background:#ff6a48;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.card button:hover{background:#e05a3a;box-shadow:0 5px 15px #ff6a484d;transform:translateY(-3px)}.features-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-top:3rem;overflow:hidden;width:100%}.features-table thead{background:#3f4359;background:var(--primary-color);color:#fff}.features-table th{font-weight:600;padding:1.5rem;text-align:left}.features-table th:first-child{width:30%}.features-table td{border-bottom:1px solid #3f43591a;color:#3f4359;color:var(--primary-color);padding:1.5rem}.features-table tr:last-child td{border-bottom:none}.feature-name{color:#3f4359;color:var(--primary-color);font-weight:600}.feature-value{font-weight:700;text-align:center}.feature-value.included{color:#ff6a48;color:var(--accent-color);font-size:1.2rem}.feature-value.excluded{color:var(--text-muted);opacity:.6}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-container{padding:2rem 1rem}.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.features-table{display:block;overflow-x:auto}.features-table th:first-child{width:40%}}@media (max-width:480px){.pricing-title h1{font-size:1.8rem}.features-table td,.features-table th{font-size:.9rem;padding:1rem}}.outer-login-container{align-items:center;background-color:#eaeaea;background-color:var(--bg-light);display:flex;justify-content:center;min-height:100vh;padding:2rem}.loginContainer{border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;max-width:1200px;min-height:700px;overflow:hidden;width:100%}.image-container{background:url(/static/media/young-adults-meeting-up-study.c9879dab9ef732bc9a20.webp) 50%/cover no-repeat;border-radius:none}.login-title h1{color:#3f4359;color:var(--primary-color);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:.5rem}.login-title p{color:#b0b2b8;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.email-container,.password-container{margin-bottom:1.5rem;position:relative}.email-container input,.password-container input{border:1px solid #b0b2b8;border:1px solid var(--text-muted);border-radius:8px;font-size:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.email-container input:focus,.password-container input:focus{border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.submit-btn-container-l{margin-top:2rem}.login-btn{background:#ff6a48;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.login-btn:hover{background:#e05a3a;box-shadow:0 5px 15px #ff6a484d;transform:translateY(-3px)}.login-links{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.forgot-password-link,.register-link{color:#ff6a48;color:var(--accent-color);font-weight:600;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.forgot-password-link:hover,.register-link:hover{color:#3f4359;color:var(--primary-color);text-decoration:underline}.link-divider{background:#b0b2b8;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.confirm-error-alert{background-color:#ff6a48!important;background-color:var(--accent-color)!important;border:none!important;color:#fff!important}@media (max-width:992px){.loginContainer{flex-direction:column;min-height:auto;width:100%}.image-container{align-items:center;border-radius:20px 20px 0 0;justify-content:center;min-height:300px;padding:2rem;text-align:center;width:100%}.input-container{border-radius:0 0 20px 20px;padding:2rem;width:100%}}@media (max-width:576px){.outer-login-container{padding:0}.image-container,.input-container,.loginContainer{border-radius:0}.outer-login-container{padding:1rem}.login-title h1{font-size:1.8rem}.login-title p{font-size:1rem}.Crep-title{font-size:2.5rem}.Crep-slogans{font-size:1.2rem}}.forgotPassword{align-items:center;background-color:#eaeaea;color:#3f4359;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.logo-forget-password{left:0;margin:20px 0 0 40px;opacity:80%;position:absolute;top:0}.forgot-password-email-container{flex-direction:column}.back-to-login,.forgot-password-email-container{align-items:center;display:flex;justify-content:center}.forgot-password-title{font-size:23px;margin-bottom:40px}.email-input-container{background-color:initial;border:1px solid #b0b2b8;padding:8px 12px;width:30%}.email-input-container:focus{box-shadow:0 0 8px 4px #3f4359;outline:none;transition:box-shadow .6s ease}.reset-password-btn{background-color:#ff6a48;border:none;border-radius:10px;color:#eaeaea;cursor:pointer;font-size:1rem;font-weight:bolder;margin:20px 0;padding:10px 20px;transition:tranform .3s ease,box-shadow .3s ease}.reset-password-btn:hover{border-radius:20px;box-shadow:0 8px 16px #0000004d;color:#3f4359;transform:scale(1.05)}.BackIcon,.back-to-login-link{color:#ff6a48;font-size:15px;transition:tranform .3s ease,box-shadow .3s ease}.BackIcon{margin-right:3px}.BackIcon:hover,.back-to-login-link:hover{color:#3f4359;cursor:pointer;text-decoration:underline;transform:scale(1.05)}.last-link{color:#acacac;margin-top:10px}.register-link-forgot{color:#ff6a48}.register-link-forgot:hover{color:#3f4359;cursor:pointer;text-decoration:underline}@media (max-width:480px){.email-input-container{width:85%}}.passwordReset{align-items:center;color:#283712;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.logo-reset-password{left:0;margin:20px 0 0 40px;opacity:75%;position:absolute;top:0}.password-reset-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.create-password-title{font-size:23px;margin-bottom:40px}.confirm-password-input-container,.reset-password-input-container{border:1px solid #d9d9d9;border-radius:20px;height:45px;padding:0 20px;width:350px}.confirm-password-input-container{margin-top:15px}.confirm-password-input-container:focus,.reset-password-input-container:focus{box-shadow:0 0 8px 4px #0575e6;outline:none;transition:box-shadow .6s ease}.create-password-btn{align-items:center;background-color:#0575e6;border:1px solid #d9d9d9;border-radius:20px;color:#fff;display:flex;height:45px;justify-content:center;margin:20px 0;width:390px}.create-password-btn:hover{cursor:pointer}.recovery-email-container{align-items:center;color:#283712;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.logo-recovery-email{left:0;margin:20px 0 0 40px;opacity:80%;position:absolute;top:0}.recovery-email-sent-container,.sent-email-mes-containter{align-items:center;display:flex;flex-direction:column;justify-content:center}.sent-email-mes-containter{width:50%}.sent-email-mes{background-color:#fff;border:1px solid #283712;border-radius:8px;display:flex;height:150px;justify-content:center;padding:10px;position:relative;width:70%}.sent-email-mes p{font-size:14px}.sent-email-mes-p{color:#000;font-size:14px;height:80px;margin:10px 0 0 25px;width:90%}.back-to-login-recovery{align-items:center;border:1px solid #283712;border-radius:8px;bottom:0;display:flex;height:28px;justify-content:center;margin-bottom:18px;position:absolute;width:78%}.recovery-email-title{font-size:23px;margin-bottom:25px}.back-to-login-recovery{color:#000;font-size:12px}.back-to-login-recovery:hover{background-color:#0575e6;border:none;color:#fff;cursor:pointer}:root{--primary-color:#3f4359;--accent-color:#ff6a48;--text-color:#eaeaea;--bg-light:#eaeaea;--text-muted:#b0b2b8;--error-color:#e74c3c;--success-color:#2ecc71;--transition:all 0.3s ease}.outer-register-container{align-items:center;background-color:#eaeaea;background-color:var(--bg-light);display:flex;justify-content:center;min-height:100vh;padding:2rem}.registerContainer{border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;max-width:1200px;min-height:700px;overflow:hidden;width:100%}.image-container{align-items:flex-end;background:url(/static/media/big-brother-colage-concept.03ccbbdda158af1b2c49.webp) 50%/cover no-repeat;display:flex;flex:1 1;padding:3rem;position:relative}.image-container:before{background:linear-gradient(0deg,#3f4359cc 0,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.title_slogan-container{color:#eaeaea;color:var(--text-color);position:relative;width:100%;z-index:2}.Crep-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1;margin-bottom:1rem}.Crep-slogans{font-size:clamp(1rem,2vw,1.5rem);margin-bottom:2rem;opacity:.9}.back-btn{align-items:center;background:#0000;border:2px solid #eaeaea;border:2px solid var(--text-color);border-radius:50px;color:#eaeaea;color:var(--text-color);cursor:pointer;display:inline-flex;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.back-btn:hover{background:#ff6a48;background:var(--accent-color);border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 5px 15px #ff6a484d;transform:translateY(-3px)}.input-container{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:3rem}.input-content-container{max-width:400px;width:100%}.register-title h1{color:#3f4359;color:var(--primary-color);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:.5rem}.register-title p{color:#b0b2b8;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.form-container{width:100%}.email-container-r,.name-container,.password-container-r{margin-bottom:1.5rem;position:relative}.name-container{display:flex;gap:1rem}.name-container>div{flex:1 1}.form-container input{border:1px solid #b0b2b8;border:1px solid var(--text-muted);border-radius:8px;font-size:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-container input:focus{border-color:#ff6a48;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6a4833;outline:none}.submit-btn-container{margin-top:2rem}.registration-btn{background:#ff6a48;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.registration-btn:hover{background:#e05a3a;box-shadow:0 5px 15px #ff6a484d;transform:translateY(-3px)}.registration-links{display:flex;justify-content:center;margin-top:2rem}.login-link{color:#b0b2b8;color:var(--text-muted);font-size:.9rem;text-decoration:none}.clickable-login{color:#ff6a48;color:var(--accent-color);font-weight:600;transition:all .3s ease;transition:var(--transition)}.clickable-login:hover{text-decoration:underline}.message{border-radius:4px;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem;text-align:center}.error-message{background-color:#e74c3c1a;color:#e74c3c;color:var(--error-color)}@media (max-width:992px){.registerContainer{flex-direction:column;margin-top:10%;min-height:auto;width:100%}.image-container{border-radius:20px 20px 0 0;min-height:300px;width:100%}.input-container{border-radius:0 0 20px 20px;width:100%}.name-container{flex-direction:column;gap:0}}@media (max-width:576px){.outer-register-container{padding:0}.registerContainer{border-radius:0;min-height:100vh}.image-container,.input-container{border-radius:0}.image-container{min-height:250px}.image-container,.input-container{padding:2rem 1rem}}
/*# sourceMappingURL=main.5e974d7a.css.map*/