@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 24px;font-size:1rem;font-family:var(--font-family);gap:20px}.logo{display:flex;align-items:center}.logo .logo-image{height:50px}.search-bar{flex:1;display:flex;align-items:center;background:var(--glass-grey);border-radius:18px;padding:10px 13px;box-shadow:0 4px 12px #0000003d}.search-bar input{flex:1;margin-left:10px;border:none;outline:none;background:transparent;font-size:1rem;color:var(--black)}.search-bar svg{color:var(--black);opacity:.5}.right-section{display:flex;align-items:center;gap:20px}.city-search{position:relative;display:flex;align-items:center;background:var(--glass-grey);border-radius:18px;padding:10px 13px;box-shadow:0 4px 12px #00000046}.city-search input{width:160px;border:none;outline:none;background:transparent;font-size:1rem;color:var(--black)}.city-search svg{margin-right:8px;color:var(--black);opacity:.7}.city-search .dropdown-content{position:absolute;top:calc(100% + 4px);left:0;background:var(--white);border:1px solid var(--glass-grey);box-shadow:0 4px 12px #0000001a;border-radius:8px;width:100%;z-index:10;max-height:200px;overflow-y:auto}.city-search .dropdown-content div{padding:10px;font-size:1rem;color:var(--black);cursor:pointer;transition:background .3s ease}.city-search .dropdown-content div:hover{background:var(--glass-grey)}.sign-in-button{background:var(--white);color:var(--primary-green);font-weight:600;border-radius:18px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 12px #0000004d;font-size:1rem;height:44px;display:flex;align-items:center;justify-content:center;min-width:130px}.sign-in-button:hover{background:#f3f3f3}.sign-in-button:active{transform:scale(.98)}@media screen and (max-width: 1024px){.header{flex-wrap:wrap;justify-content:center;padding:10px}.search-bar{width:100%}.right-section{flex-direction:row;justify-content:flex-end}}@media screen and (max-width: 768px){.header{flex-direction:column;align-items:center}.right-section{justify-content:center}}.intro{position:relative;width:100%;height:500px;background:url(/intro-background.png) center/cover no-repeat;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;padding:50px 24px;color:#fff}.intro .intro-overlay{max-width:800px;position:absolute;top:10%;left:10vw;text-align:left;margin:0 auto}@media (max-width: 1200px){.intro .intro-overlay{top:12%;left:8vw}}@media (max-width: 992px){.intro .intro-overlay{top:15%;left:5vw;max-width:700px}}@media (max-width: 768px){.intro .intro-overlay{position:relative;top:unset;left:unset;text-align:center;margin:0 auto;max-width:90%}}@media (max-width: 576px){.intro .intro-overlay{max-width:100%;padding:20px;font-size:18px}}.intro-title{font-family:Poppins,sans-serif;font-weight:700;font-size:40px;line-height:55px;color:#fff;box-shadow:0 1px 3px #0000001a}.highlight-green{color:#aef95f}.highlight-orange{color:#ffb99d}.intro-subtitle{font-family:Roboto,sans-serif;font-weight:300;font-size:20px;line-height:22px;color:#fff;margin-top:10px}.event-list-container{display:flex;flex-direction:column;gap:20px;padding:var(--padding-large)}@media (max-width: var(--breakpoint-tablet)){.event-list-container{padding:var(--padding-medium)}}@media (max-width: var(--breakpoint-mobile)){.event-list-container{padding:var(--padding-small)}}.event-list-header{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;flex-wrap:wrap;margin-bottom:10px}@media (max-width: var(--breakpoint-tablet)){.event-list-header{flex-direction:column;align-items:flex-start;font-size:1.25rem}}@media (max-width: var(--breakpoint-mobile)){.event-list-header{font-size:1rem}}.filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-dropdown{position:relative;cursor:pointer;display:flex;align-items:center;background-color:var(--gray-light);padding:8px 12px;border-radius:8px;font-size:1rem;font-weight:700;color:var(--black);min-width:180px;max-width:180px;justify-content:space-between;gap:5px}@media (max-width: var(--breakpoint-tablet)){.filter-dropdown{font-size:.875rem;min-width:150px}}@media (max-width: var(--breakpoint-mobile)){.filter-dropdown{font-size:.75rem;min-width:130px}}.dropdown-contents{position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--outline);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;padding:10px;width:100%;display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto;scrollbar-width:thin}.dropdown-contents::-webkit-scrollbar{width:6px}.dropdown-contents::-webkit-scrollbar-thumb{background-color:var(--outline);border-radius:10px}.dropdown-contents p{padding:8px;cursor:pointer;transition:background .3s ease}.dropdown-contents p:hover{background:var(--glass-grey)}.filter-box,.category-filter{display:flex;align-items:center;background:var(--glass-grey);border-radius:18px;padding:6px 10px;box-shadow:0 3px 10px #0003;cursor:pointer;gap:8px}.filter-box span,.category-filter span{font-size:1rem;color:var(--black)}.filter-box .arrow-icon,.category-filter .arrow-icon{flex-shrink:0;width:20px;height:20px;color:var(--black);opacity:.7}.category-filter,.bold-text{font-weight:700}.date-picker{border:1px solid var(--outline);padding:5px;border-radius:5px;font-size:1rem;width:100px;text-align:center;cursor:pointer}.react-datepicker-wrapper{display:inline-block}.event-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}@media (max-width: 1024px){.event-list-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: --breakpoint-tablet){.event-list-grid{grid-template-columns:1fr;gap:5px}}.event-list-item{display:flex;flex-direction:row;justify-content:space-between;margin:20px 0}.event-list-item :hover{filter:contrast(1.1)}@media (max-width: --breakpoint-tablet){.event-list-item{flex-direction:column;margin:10px 0}}.event-list-item .event-list-item-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;width:100%;gap:30px}@media (max-width: var(--breakpoint-tablet)){.event-list-item .event-list-item-wrapper{gap:60px}}.event-list-item img{position:absolute;width:100%;height:12rem;max-height:12rem;object-fit:cover;border-radius:var(--border-radius-large);box-shadow:0 4px 4px #00000040;filter:blur(1px);z-index:-1;opacity:.7}@media (max-width: var(--breakpoint-mobile)){.event-list-item img{filter:blur(.5px)}}.event-list-item .event-list-item-date{background-color:var(--primary-green);color:var(--white);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:fit-content;margin:10px}@media (max-width: var(--breakpoint-mobile)){.event-list-item .event-list-item-date{padding:.25rem .5rem}}.event-list-item .event-list-item-content{padding:var(--padding-small)}.event-list-item .event-list-item-content h3{font-size:1rem}@media (max-width: var(--breakpoint-mobile)){.event-list-item .event-list-item-content{padding:var(--padding-small)}}.event-list-item h3{color:var(--white);text-shadow:0px 0px 15px var(--dark-black);font-size:1.5rem}@media (max-width: var(--breakpoint-mobile)){.event-list-item h3{font-size:1.25rem}}.event-list-item p{color:var(--white);text-shadow:0px 0px 15px var(--dark-black);margin:0;font-size:1rem}@media (max-width: var(--breakpoint-mobile)){.event-list-item p{font-size:.875rem}}.event-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem;background-color:var(--white);padding:3rem 4rem;border-radius:var(--border-radius-medium);text-align:center}.event-modal h2{font-size:1.5rem;margin-bottom:1rem}.event-modal p{font-size:1rem;margin-bottom:1rem}.event-modal .event-modal-button+.event-modal-button{margin-left:1rem}.event-modal .event-modal-button{background-color:var(--primary-green);color:var(--white);border-radius:var(--border-radius-small);font-weight:700;cursor:pointer;margin-top:1rem}@media (max-width: var(--breakpoint-tablet)){.event-modal{width:18.75rem;padding:var(--padding-medium)}}@media (max-width: var(--breakpoint-mobile)){.event-modal{width:90%;padding:var(--padding-small)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;z-index:1000;overflow-y:auto}.modal-content{background:var(--white);padding:1rem;border-radius:var(--border-radius-medium);max-width:900px;width:100%;text-align:center;position:relative;max-height:200vh;display:flex;flex-direction:column;overflow:hidden}.modal-top{height:40%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.modal-image{width:30%;height:200px;object-fit:cover;border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium);background-color:#f0f0f0;display:block}.go-back-button{position:absolute;top:20px;left:20px;background:var(--primary-green);color:var(--white);padding:8px 12px;border:none;border-radius:var(--border-radius-small);font-size:.875rem;font-weight:700;cursor:pointer}.event-creator{position:absolute;bottom:10px;left:15px;display:flex;align-items:center;gap:8px;background:#ffffffe6;padding:6px 10px;border-radius:var(--border-radius-small)}.creator-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-green)}.creator-name{font-size:.875rem;font-weight:700}.modal-middle{height:auto;width:100%;display:flex;justify-content:space-between;padding:1rem;gap:20px}.event-info{width:60%;text-align:left}.attendees-side{width:35%;aspect-ratio:1/1;display:flex;flex-direction:column}.attendees-wrapper{position:relative;width:14rem;height:100%;overflow:hidden;border:1px solid var(--light-gray);border-radius:var(--border-radius-small);padding:10px;background-color:var(--darker-white);display:flex;flex-direction:column}.event-description{font-size:.9rem;color:var(--gray-dark);margin-top:10px}.event-attendees{display:flex;flex-wrap:wrap;gap:8px;padding:5px;overflow-y:auto;flex:1;align-content:center}.event-attendees:after{display:none}.attendee-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-green);flex-shrink:0}.attendees-label{display:flex;align-items:center;font-weight:700;font-size:.9rem;gap:5px;color:var(--primary-green);padding-left:5px;margin-bottom:15px}.attendees-icon{color:#000;font-size:2rem}.event-details{display:flex;align-items:center;justify-content:flex-start;gap:20px;text-align:left;width:100%}.event-details div{display:flex;align-items:center;gap:6px}.event-icon{color:var(--primary-green);font-size:1.2rem}.modal-bottom{height:20%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--light-gray);border-bottom-left-radius:var(--border-radius-medium);border-bottom-right-radius:var(--border-radius-medium)}.participate-button{background:var(--primary-green);color:var(--white);padding:10px 15px;border:none;border-radius:var(--border-radius-small);font-size:1rem;font-weight:700;cursor:pointer;margin-right:50px}.attendee-container{position:relative;margin:0;display:flex;flex-direction:column;align-items:center}.attendee-container .attendee-image{width:40px;height:40px}.attendee-container .add-friend-button{position:absolute;bottom:0;right:0;background-color:var(--primary-green);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.attendee-container .add-friend-button:hover{background-color:var(--light-green)}.attendee-container .add-friend-button:disabled{background-color:var(--gray);cursor:not-allowed}.attendee-container:hover .add-friend-button{opacity:1}.friend-added-checkmark{position:absolute;bottom:-5px;right:-5px;background-color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.view-more-button.MuiButton-root{color:var(--primary-green);padding:5px;font-size:.8rem;border-radius:var(--border-radius-small)}@media (max-width: 768px){.modal-top{padding-top:20px;flex-direction:column;justify-content:flex-start}.modal-image{width:90%;height:180px;border-radius:var(--border-radius-medium);margin-bottom:1rem}.go-back-button{top:10px;left:10px;z-index:10}.event-creator{position:static;margin-top:-10px;justify-content:center}.modal-middle{flex-direction:column;align-items:center;padding:1rem}.event-info{width:100%;text-align:center;margin-bottom:1rem}.attendees-wrapper{max-width:100%;margin:0 auto 20px;padding:0 10px}.attendees-label{justify-content:center;padding-left:0;font-size:.85rem;margin-bottom:15px}.event-attendees{justify-content:center;padding-bottom:8px}.modal-bottom{flex-direction:column;align-items:center;gap:10px;padding:1rem}.event-details{flex-direction:column;align-items:center;gap:12px;text-align:center}.participate-button{width:100%;margin:10px 0 0}.attendees-side{width:100%;aspect-ratio:auto;max-height:300px}.attendee-container{width:calc(33.33% - 6px)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.event-container{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem;margin-top:0}.event-box{background-color:#fafef6;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:48rem;margin:0 auto}.event-title{color:var(--dark-black);font-weight:700;font-size:1.25rem}@media (min-width: 768px){.event-title{font-size:1.75rem}}.event-description{color:var(--dark-black);font-size:.875rem;font-weight:500;line-height:1.5;margin-top:1rem}@media (min-width: 768px){.event-description{font-size:1rem}}.highlight{font-weight:600}.event-button{background:var(--white);color:var(--primary-green);font-weight:600;border:none;border-radius:18px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 12px #0000004d;font-size:1rem;height:50px;display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 20px;margin:1.5rem auto 0}.event-button:hover{background:#f3f3f3}.event-button:active{transform:scale(.98)}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.footer p{margin-top:var(--padding-medium);color:var(--black);font-size:.9rem}.banner{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;background:var(--gradient-green);padding:var(--padding-small);border-radius:var(--border-radius-large);gap:var(--padding-large)}.learn-more-card{display:flex;flex-direction:column;background:var(--glass-grey);padding:var(--padding-medium);border-radius:var(--border-radius-medium);text-align:left;max-width:15.625rem;box-shadow:0 .25rem .625rem #0000001a;margin:1rem 7rem}@media screen and (max-width: --breakpoint-tablet){.learn-more-card{margin:1rem 0;align-items:center}}.learn-more-card h4{color:var(--dark-black);font-size:1.1rem;font-weight:700;margin-bottom:var(--padding-small)}@media screen and (max-width: --breakpoint-tablet){.learn-more-card h4{margin-bottom:0}}.learn-more-card p{color:var(--black);font-size:.95rem;margin-bottom:var(--padding-small)}.learn-more-card button{background:var(--darker-white);color:var(--black);padding:.625rem .9375rem;border:none;border-radius:var(--border-radius-small);cursor:pointer;font-weight:700;transition:background .3s ease}.learn-more-card button:hover{background:var(--white)}.upcoming-events{display:flex;flex-wrap:wrap;justify-content:center;margin:40px 180px}.explore-footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;width:100%}.footer-button,.create-event-btn{background:var(--white);color:var(--primary-green);font-weight:600;border:none;border-radius:18px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 12px #0000004d;font-size:1rem;height:50px;display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 20px;gap:10px}.footer-button:hover,.create-event-btn:hover{background:var(--light-green)}.footer-button .button-icon,.create-event-btn .button-icon{font-size:1.2rem}.btn,.create-event-modal form .submit-button{display:flex;justify-content:center;align-items:center;padding:8px 17px;height:40px;background:var(--primary-green);border-radius:8px;font-family:var(--font-family);font-weight:700;color:var(--white);border:none;cursor:pointer;transition:background .3s ease}.btn:hover,.create-event-modal form .submit-button:hover{background:#5a8137}.create-event-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);width:700px;max-width:90vw;padding:var(--padding-medium);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #00000026;border:1px solid var(--outline);max-height:90vh;overflow-y:auto}.create-event-modal h2{margin-bottom:var(--padding-small);font-size:1.5rem;font-weight:700;color:var(--black)}.create-event-modal .MuiAlert-root{margin-bottom:var(--padding-small)}.create-event-modal form{display:flex;flex-direction:column;gap:var(--padding-small)}.create-event-modal form .MuiTextField-root .MuiInputBase-root{font-size:1rem;color:var(--black);background:var(--white);border-radius:var(--border-radius-small);padding:var(--padding-small)}.create-event-modal form .MuiTextField-root .MuiFormLabel-root{font-size:.9rem;color:var(--black)}.create-event-modal form .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:var(--outline)}.create-event-modal form .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--black)}.create-event-modal form .MuiTextField-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-green)}.create-event-modal form .submit-button{width:100%;transition:background-color .3s ease}.create-event-modal form .submit-button:hover{background-color:var(--primary-green-transparent)}@media (max-width: var(--breakpoint-tablet)){.create-event-modal{width:80vw;padding:var(--padding-small)}}@media (max-width: var(--breakpoint-mobile)){.create-event-modal{width:95vw;padding:var(--padding-small)}}h1,h2,.title,h3,h4,h5,h6,p,a{font-family:var(--font-family);color:var(--black);margin:0}h2,.title{font-size:1.25rem;font-weight:700;line-height:1.3}.btn,.submit-btn,.google-btn{display:flex;justify-content:center;align-items:center;padding:8px 17px;height:40px;background:var(--primary-green);border-radius:8px;font-family:var(--font-family);font-weight:700;color:var(--white);border:none;cursor:pointer;transition:background .3s ease}.btn:hover,.submit-btn:hover,.google-btn:hover{background:#5a8137}.input-primary,.input-secondary,.input-group input{display:flex;align-items:center;padding:16px;width:100%;max-width:613px;height:56px;border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px;font-size:1rem}.input-secondary,.input-group input{padding:12px 16px;max-width:364px;min-width:240px;height:40px;background:var(--white);border:1px solid #d9d9d9;border-radius:8px}.input-primary:focus-within,.input-secondary:focus-within,.input-group input:focus-within{border-color:var(--black)}.card,.form-box{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%;max-width:613px;height:100%;background:var(--white);border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px}.main-page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:url(/assets/backgroundImg-_71NlPgA.png) no-repeat center center;background-size:cover;background-position:center center;background-attachment:fixed}body{margin:0}.page-container{display:flex;flex-direction:column;align-items:center;text-align:center}.logo-container{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:center}.logo{width:280px;height:auto;max-width:100%}.form-box{width:370px;text-align:center;margin-top:70px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none}.input-group{margin-bottom:10px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px}.input-group input{width:100%;max-width:250px;text-align:left;padding:0 10px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--black);border:none;outline:none;font-weight:700}.input-group input::placeholder{color:var(--black);font-size:14px;font-weight:500}.input-group input:focus{border:none;outline:none;background:#ffffff4d}.submit-btn,.google-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:250px;margin:0 auto}.google-btn{background:#fff3;color:var(--black);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.divider{display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:700;text-transform:uppercase;margin:3px 0;position:relative;width:100%}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--white);margin:0 10px}.title{color:var(--white);margin-bottom:15px;margin-top:-10px}.link-text{color:var(--white);margin-top:10px;margin-bottom:5px}.link-text .link-word{color:var(--primary-green);font-weight:700;transition:color .3s ease-in-out}.link-text .link-word:hover{color:var(--light-green)}.error-message,.success-message{font-size:.875rem;text-align:center;padding:3px 4px;width:100%;max-width:450px;margin-top:2px;display:inline-block}.error-message{color:#c90808}.success-message{color:#4caf50}.password-strength{width:100%;max-width:250px;text-align:left;margin-top:5px}.strength-bar{width:100%;height:5px;background:#ddd;border-radius:5px;overflow:hidden}.strength-fill{height:100%;width:0;transition:width .5s ease-in-out}.strength-label{font-size:.875rem;margin-top:5px}@media (max-width: 480px){.form-box{width:90%;margin-top:50px;padding:15px}.input-group{max-width:100%}.input-group input{max-width:100%;padding:8px}.submit-btn,.google-btn{max-width:100%}.divider{font-size:12px;margin:15px 0}.title{font-size:18px}}@media (max-width: 767px){.form-box{width:350px;margin-top:60px;padding:20px}.logo{width:250px}.input-group,.submit-btn,.google-btn{max-width:250px}.divider{font-size:14px}.title{font-size:20px}}.banner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem}.banner-wrapper p{margin-top:var(--padding-medium);color:var(--black);font-size:.9rem}.banner{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;background:var(--gradient-green);padding:var(--padding-large);border-radius:var(--border-radius-large);gap:var(--padding-large)}@media screen and (max-width: --breakpoint-tablet){.banner{flex-direction:column}}.how-it-works{flex:1;text-align:center}.how-it-works h1{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:var(--padding-large)}.how-it-works .how-it-works-content{display:flex;justify-content:space-around;align-items:center;gap:var(--padding-small)}@media screen and (max-width: --breakpoint-tablet){.how-it-works .how-it-works-content{flex-direction:column}}.how-it-works .how-it-works-content .how-it-works-content-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);font-size:1rem}.how-it-works .how-it-works-content .how-it-works-content-item h4{color:var(--white);font-size:1.1rem;font-weight:700;margin-top:var(--padding-small)}.item-icon-frame{border-radius:50%;background:var(--white);padding:var(--padding-small);color:var(--black);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.item-icon-frame .icon{font-size:2rem}.header-container{display:flex;flex-direction:row;align-items:space-between;justify-content:space-between;width:100%;padding:12px 24px;font-size:1rem;font-family:var(--font-family);background:transparent;gap:100px}@media (max-width: 768px){.header-container{flex-direction:column;align-items:center;gap:10px}}.search-container{display:flex;align-items:center;flex-grow:1;justify-content:space-between;width:100%;margin-bottom:1rem;position:relative;gap:15px}@media (max-width: 768px){.search-container{flex-direction:column;align-items:center;gap:10px}}.search-bar{display:flex;align-items:center;flex-grow:1;min-width:120px;background:var(--glass-grey);border-radius:18px;padding:6px 8px;box-shadow:0 3px 10px #0003;position:relative}@media (max-width: 480px){.search-bar{max-width:100%;padding:4px 6px}}.city-search{display:flex;align-items:center;flex-grow:1;max-width:160px;min-width:100px;background:var(--glass-grey);border-radius:18px;padding:6px 10px;box-shadow:0 3px 10px #0003;position:relative}@media (max-width: 480px){.city-search{display:none}}.city-search svg{flex-shrink:0;width:20px;height:20px;margin-right:8px;color:var(--black);opacity:.7}.city-search input{flex:1;border:none;min-width:0;outline:none;background:transparent;font-size:1rem;color:var(--black)}.city-search{position:relative}.city-dropdown-content{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:var(--white);border:1px solid var(--outline);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto;display:none}.city-dropdown-content.show{display:block}.city-dropdown-content div{padding:6px;font-size:.9rem;color:var(--black);cursor:pointer;transition:background .3s ease}.city-dropdown-content div:hover{background:var(--glass-grey)}.city-dropdown-content.scrollable{max-height:150px;overflow-y:auto}.more-cities-note{padding:6px;font-size:.8rem;text-align:center;color:var(--gray-dark);background:var(--glass-grey);font-style:italic}.account-box{max-width:250px;width:180px;min-width:120px;background-color:var(--white);position:relative;display:flex;align-items:center;color:var(--black);justify-content:space-between;flex-direction:row}@media (max-width: 768px){.account-box{display:none}}@media (max-width: 480px){.account-box{display:none}}.profile-circle{width:35px;height:35px;border-radius:50%;background-color:var(--white);border:2px solid var(--light-green);flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-content{display:flex;flex-direction:column;align-items:center;width:100%}.name-container{display:flex;align-items:center;justify-content:space-between;width:80%}.user-name{font-size:16px;font-weight:700;color:var(--black);text-align:left}.arrow-icon{width:16px;height:16px;cursor:pointer;transition:transform .5s ease}.arrow-icon.open{transform:rotate(180deg)}.dropdown-content{position:absolute;top:80%;left:0;width:100%;background:var(--white);border:1px solid var(--light-green);border-radius:8px;box-shadow:0 4px 12px #0fc22d1a;z-index:10;max-height:200px;overflow-y:auto;display:none}.dropdown-content.show{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.dropdown-content div{padding:6px;font-size:.9rem;color:var(--black);cursor:pointer;transition:background .3s ease}.dropdown-content div:hover{background:var(--glass-grey)}.user-email{font-size:14px;font-weight:200;color:var(--dark-black);text-align:left;margin-left:10px}.logout-button{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:none;background:none;padding:var(--padding-small);cursor:pointer;width:100px;gap:5px}.logout-icon{width:18px;height:18px}@media (max-width: 768px){.city-search,.account-box{display:none}.header-container{margin-top:0}}@media (max-width: 480px){.city-search,.account-box{display:none}}._btn_grr8o_105{display:flex;justify-content:center;align-items:center;padding:8px 17px;height:40px;background:var(--primary-green);border-radius:8px;font-family:var(--font-family);font-weight:700;color:var(--white);border:none;cursor:pointer;transition:background .3s ease}._btn_grr8o_105:hover{background:#5a8137}._input-primary_grr8o_125,._input-secondary_grr8o_126{display:flex;align-items:center;padding:16px;width:100%;max-width:613px;height:56px;border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px;font-size:1rem}._input-primary_grr8o_125{background:#aced670f}._input-secondary_grr8o_126{padding:12px 16px;max-width:364px;min-width:240px;height:40px;background:var(--white);border:1px solid #d9d9d9;border-radius:8px}._input-primary_grr8o_125:focus-within,._input-secondary_grr8o_126:focus-within{border-color:var(--black)}._card_grr8o_158{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%;max-width:613px;height:100%;background:var(--white);border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px}._card--primary_grr8o_172{background:var(--gradient-green)}._card--secondary_grr8o_176{background:var(--white)}._event-list-container_grr8o_180{margin-top:0}.my-events-container{display:flex;flex-direction:column;gap:20px;padding:var(--padding-large)}@media (max-width: var(--breakpoint-tablet)){.my-events-container{padding:var(--padding-medium)}}@media (max-width: var(--breakpoint-mobile)){.my-events-container{padding:var(--padding-small)}}.my-events-container h2{margin-bottom:1rem;font-size:1.5rem}@media (max-width: var(--breakpoint-tablet)){.my-events-container h2{font-size:1.25rem}}@media (max-width: var(--breakpoint-mobile)){.my-events-container h2{font-size:1rem}}.my-events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}@media (max-width: 1024px){.my-events-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: var(--breakpoint-tablet)){.my-events-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: var(--breakpoint-mobile)){.my-events-grid{gap:10px}}.my-events-item{display:flex;flex-direction:row;justify-content:space-between;margin:20px 0;background-color:var(--glass-grey);border-radius:var(--border-radius-small);box-shadow:0 3px 10px #0000001a}.my-events-item:hover{filter:contrast(1.1)}@media (max-width: var(--breakpoint-tablet)){.my-events-item{flex-direction:column;margin:10px 0}}.my-events-item .my-events-image{width:10rem;height:8rem;object-fit:cover;border-radius:var(--border-radius-small);margin-right:1rem;filter:blur(1px);transition:filter .3s ease}@media (max-width: var(--breakpoint-tablet)){.my-events-item .my-events-image{width:100%;margin-right:0}}.my-events-item:hover .my-events-image{filter:blur(0)}.my-events-item .my-events-details{flex:1;padding:var(--padding-small);display:flex;flex-direction:column;justify-content:center}.my-events-item .my-events-details h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--black)}.my-events-item .my-events-details h3 .creator-label{margin-left:.5rem;font-size:.875rem;background-color:var(--primary-green);color:var(--white);padding:.25rem .5rem;border-radius:var(--border-radius-small)}@media (max-width: var(--breakpoint-mobile)){.my-events-item .my-events-details h3{font-size:1rem}}.my-events-item .my-events-details p{margin:.25rem 0;color:var(--black);font-size:1rem}.my-events-item .my-events-details p strong{font-weight:700}@media (max-width: var(--breakpoint-mobile)){.my-events-item .my-events-details p{font-size:.875rem}}.my-events-item .my-events-actions{display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin:var(--padding-small)}.my-events-item .my-events-actions .my-events-btn{padding:.5rem 1rem;border-radius:var(--border-radius-small);cursor:pointer;font-weight:700}.my-events-item .my-events-actions .my-events-btn.my-events-btn-primary{background-color:var(--primary-green);color:var(--white)}.my-events-item .my-events-actions .my-events-btn.my-events-btn-secondary{background-color:var(--gray-light);color:var(--black)}.my-events-loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.my-events-loader-container .my-events-loader{width:3rem;height:3rem;border:4px solid var(--gray-light);border-top:4px solid var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.my-events-alert.my-events-error{color:var(--white);background-color:var(--error-red);padding:1rem;border-radius:var(--border-radius-small);text-align:center}.event-create-page{background-color:var(--darker-white);padding:var(--padding-large);border-radius:var(--border-radius-large);max-width:800px;margin:3rem auto;box-shadow:0 4px 10px #0000000d}.event-create-page__alert{margin-bottom:16px}.event-create-page__alert.MuiAlert-root.MuiAlert-standardError{background-color:var(--secondary-red);color:var(--white)}.event-create-page__alert.MuiAlert-root.MuiAlert-standardSuccess{background-color:var(--secondary-green);color:var(--white)}.event-create-page__form{display:flex;flex-direction:column}.event-create-page__input.MuiTextField-root{background-color:var(--white);border-radius:var(--border-radius-medium)}.event-create-page__input.MuiTextField-root .MuiOutlinedInput-root{border-radius:var(--border-radius-medium)}.event-create-page__buttons{display:flex;gap:var(--padding-small);margin-top:var(--padding-medium);border-radius:var(--border-radius-medium)}@media (max-width: var(--breakpoint-mobile)){.event-create-page__buttons{flex-direction:column}}.event-create-page__submit-button.MuiButton-root{background-color:var(--primary-green);color:var(--white);font-weight:600;padding:10px 20px;border-radius:var(--border-radius-medium)}.event-create-page__submit-button.MuiButton-root:hover{background-color:var(--light-green)}.event-create-page__submit-button.MuiButton-root:disabled{background-color:var(--gray);color:var(--dark-white)}.event-create-page__cancel-button.MuiButton-root{background-color:var(--dark-red);color:var(--white);font-weight:600;padding:10px 20px;border-radius:var(--border-radius-medium)}.event-create-page__cancel-button.MuiButton-root:hover{background-color:var(--secondary-red)}@media (max-width: var(--breakpoint-tablet)){.event-create-page{padding:var(--padding-small);max-width:95%}}.friends-list-container{padding:2rem}.friends-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.friends-list-header .MuiTypography-root{font-weight:700}.sorting-filters{display:flex;gap:1rem}.sort-select,.filter-select{min-width:150px}.friends-list-cards{display:flex;flex-direction:column;gap:1rem}.friend-card{display:flex;align-items:center;background:var(--darker-white);padding:1rem;border-radius:var(--border-radius-medium);box-shadow:0 2px 4px #0000001a}.friend-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem}.friend-info{flex:1}.friend-info-container{display:flex;align-items:center;flex:1;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-small);transition:background-color .2s ease}.friend-info-container:hover{background-color:#0000000d}.friend-name{font-weight:700}.friend-actions{display:flex;gap:.5rem}.view-more-container{margin-top:2rem;text-align:center}.view-more-container .view-more-button{background-color:var(--darker-white);color:var(--primary-green);padding:10px 20px;border-radius:var(--border-radius-medium);font-weight:500}.view-more-container .view-more-button:hover{background-color:var(--light-green)}.chat-friend-list{width:30%;padding:1rem;border-right:1px solid #ddd}.chat-friend-list h3{margin-bottom:1rem;font-weight:700}.chat-friend-list .error{color:red;font-size:.9rem}.chat-friend-list .friends-list-cards{display:flex;flex-direction:column;gap:1rem}.chat-friend-list .friend-card{display:flex;align-items:center;background:var(--darker-white, #f9f9f9);padding:.8rem;border-radius:var(--border-radius-medium, 8px);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:background-color .2s ease;max-width:100%}.chat-friend-list .friend-card:hover{background-color:#00000008}.chat-friend-list .friend-card .friend-info-container{display:flex;align-items:center;flex:1}.chat-friend-list .friend-card .friend-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.8rem}.chat-friend-list .friend-card .friend-info{flex:1}.chat-friend-list .friend-card .friend-info .friend-name{font-weight:700}.chats-container{display:flex;height:100vh;background-color:#f7f7f7}.chats-container>*{flex:0 0 30%;border-right:1px solid #ccc}.chats-container>:last-child{border-right:none}.event-history{margin:2rem 0;padding:1.5rem;background-color:#f4f4f4;border-radius:8px}.event-history h2{font-size:1.75rem;margin-bottom:1rem;color:#333}.event-history ul{list-style:none;padding:0;margin:0 0 1rem}.event-history ul li{padding:.75rem;border-bottom:1px solid #ddd;display:flex;align-items:center;font-size:1rem;color:#555}.event-history ul li:last-child{border-bottom:none}.event-history ul li .event-title{font-size:1rem}.event-history .event-photo{width:50px;height:50px;margin-right:.5rem;object-fit:cover;border-radius:8px}.event-history .attended,.event-history .upcoming{margin-bottom:1.5rem}@media screen and (max-width: 768px){.event-history{padding:1rem}.event-history h2{font-size:1.5rem}.event-history li{font-size:.95rem;padding:.5rem}}.event-history .event-history-item{display:flex;align-items:center;padding:8px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .2s}.event-history .event-history-item:hover{background-color:#6e98421a}.event-history .event-history-item .event-info{display:flex;flex-direction:column;margin-left:10px}.event-history .event-history-item .event-title{font-weight:700}.event-history .event-history-item .event-date{font-size:.85rem;color:#666}.user-profile-container{margin:2rem auto;padding:0 1rem;max-width:100%}.user-profile-card.MuiPaper-root{padding:2rem;border-radius:16px;background-color:var(--white);text-align:center;transition:box-shadow .3s ease;display:flex;flex-direction:column}.user-profile-card.MuiPaper-root:hover{box-shadow:0 4px 8px #0003}.user-profile-avatar-container .MuiAvatar-root{width:10rem;height:10rem;border-radius:50%}.user-profile-avatar{width:15rem;height:15rem;border-radius:50%;border:4px solid var(--primary-green)}.user-profile-details{display:flex;flex-direction:column;gap:1rem;text-align:left;width:100%}.user-profile-details .MuiTypography-h4{font-weight:700}.user-profile-title{font-weight:700;margin-bottom:1rem}.user-profile-alert{margin-bottom:1rem}.user-profile-form{display:flex;flex-direction:column;gap:1.5rem;padding-left:10rem}.field-row{display:flex;align-items:center;gap:.5rem}.profile-input{transition:background-color .3s ease}.edit-icon-button{padding:.5rem;width:2rem;height:2rem}.public-profile-label{align-self:flex-start;color:var(--black)}.save-changes-btn.MuiButton-root{background:var(--gradient-green)!important;color:var(--white);border-radius:var(--border-radius-medium);font-weight:700;text-transform:capitalize;font-size:1rem;margin:1rem auto 0;cursor:pointer;border:none;display:block}.save-changes-btn.MuiButton-root:hover{background:var(--light-green)!important}.event-history-container{margin-top:2rem}.event-history-title{font-weight:700;margin-bottom:1rem;color:var(--dark-black)}.back-button{display:flex;align-items:center;margin-bottom:1rem;cursor:pointer;background:var(--darker-white);border-radius:var(--border-radius-medium);width:fit-content;padding:.5rem 1rem}.back-button .back-text{text-transform:capitalize;font-weight:700}.name-with-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}@media (max-width: 480px){.name-with-actions{flex-direction:row;align-items:center;gap:.5rem}}.add-friend-btn{background-color:var(--primary-green);color:#fff;border-radius:var(--border-radius-small);width:40px;height:40px}.add-friend-btn:hover{background-color:var(--light-green)}.add-friend-btn:disabled{background-color:#ccc;opacity:.7}.add-friend-btn.MuiIconButton-root{color:var(--primary-green);border-radius:32px;font-weight:500;text-transform:none}.add-friend-btn.MuiIconButton-root:hover{background-color:#4caf501a}.add-friend-btn.MuiIconButton-root:disabled{background-color:#ccc;opacity:.7}.friend-status-btn.MuiIconButton-root{background-color:transparent;border-radius:32px;width:40px;height:40px}.friend-status-btn.MuiIconButton-root:hover{background-color:#b3b3b31a}.friend-status-btn.MuiIconButton-root:disabled{opacity:.5}.user-profile-content{display:flex;flex-direction:row}.profile-header{width:100%;margin-bottom:1.5rem}.avatar-name-container{display:flex;align-items:center;gap:1.5rem}.avatar-name-container .user-profile-avatar{width:8rem;height:8rem}@media (max-width: 480px){.avatar-name-container .user-profile-avatar{width:7rem;height:7rem}}.profile-details{width:100%}.profile-action-buttons{display:flex;gap:.5rem;align-items:center}.chat-btn.MuiIconButton-root{color:var(--primary-green);border-radius:32px;font-weight:500}.chat-btn.MuiIconButton-root:hover{background-color:#3498db1a}@media screen and (max-width: 768px){.user-profile-container{margin:1.5rem auto;padding:0 1rem}.user-profile-content{flex-direction:column;align-items:center;gap:1rem}.user-profile-card.MuiPaper-root{flex-direction:column;gap:var(--padding-small)}.user-profile-avatar-container .MuiAvatar-root{width:8rem;height:8rem}.user-profile-avatar{width:150px;height:150px;margin:0 1rem}.user-profile-details{gap:var(--padding-small);font-size:.9rem;text-align:center}.user-profile-form{padding-left:0}.field-row{flex-direction:row;align-items:flex-start}.field-row .MuiTypography-subtitle2{margin-right:0!important;margin-bottom:.25rem}.name-with-actions{flex-direction:column;gap:.5rem;align-items:center}.name-with-actions .user-profile-title{font-size:1.75rem}.save-changes-btn{width:100%}.event-history-container{margin-top:1.5rem}.back-button{padding:.4rem .5rem}.back-button .back-text{display:none}}.navbar{position:fixed;left:0;height:100vh;z-index:1000;background:var(--darker-white);width:17rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.navbar .navbar-top{padding:1rem 0}.navbar .navbar-top .logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--padding-medium)}.navbar .navbar-top .logo img{width:100%}.navbar .navbar-top nav ul{list-style:none;padding:0;margin:0}.navbar .navbar-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--black);cursor:pointer;transition:background .3s ease}.navbar .navbar-item:hover{background:var(--darker-white)}.navbar .navbar-item a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px;width:100%}.navbar .navbar-item .nav-link{padding:15px 0;color:var(--black);transition:color .3s ease;display:flex}.navbar .navbar-item .nav-link .nav-link-icon{width:24px;height:24px;margin-left:25px}.navbar .navbar-item .nav-link p{padding-left:25px}.navbar .navbar-item .active{background:var(--white);border-left:8px solid var(--light-green);width:100%}.navbar .navbar-bottom{padding:1rem 0}.navbar .navbar-bottom .bottom-text{padding:var(--padding-medium);font-size:small}@media screen and (max-width: 768px){.navbar{width:100%;flex-direction:column;justify-content:space-between;padding:0 var(--padding-medium)}.navbar .navbar-top{display:flex;flex-direction:column;gap:12px}.navbar img{display:none}.navbar .navbar-bottom{display:flex;align-items:center;gap:12px}}.private-layout{display:flex;height:100vh}.private-layout .private-layout-content{margin-left:17rem;width:calc(100% - 17rem);flex:1;display:flex;flex-direction:column}.private-layout .private-layout-content main{flex:1;padding:1rem}.desktop-navbar{display:block}.private-layout-hamburger-menu,.mobile-navbar{display:none}.mobile-menu{display:none;position:fixed;top:5rem;left:0;width:100%;background-color:var(--darker-white);z-index:1000;transform:translate(-100%);transition:transform .3s ease-out;box-shadow:2px 0 10px #0000001a}.mobile-menu .mobile-menu-logo .img{display:none}.private-layout.menu-open .mobile-menu{display:block;transform:translate(0)}@media screen and (max-width: 768px){.private-layout{display:flex;flex-direction:column}.private-layout .private-layout-content{margin-left:0;width:100%}.private-layout .desktop-navbar{display:none}.private-layout .mobile-navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:var(--padding-medium);transition:transform .3s ease-out}.private-layout .mobile-navbar img{width:15rem;height:auto}.private-layout .mobile-navbar .private-layout-hamburger-menu{display:block;background-color:var(--darker-white);color:var(--black);border:none;border-radius:50%;width:50px;height:50px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .3s ease}.private-layout .mobile-navbar .private-layout-hamburger-menu:hover{background-color:var(--darker-white);transform:scale(1.05)}.private-layout .mobile-navbar .private-layout-hamburger-menu:active{transform:scale(.95)}.private-layout .mobile-navbar .private-layout-hamburger-menu .hamburger-icon{font-size:24px;transition:transform .3s ease}.private-layout .mobile-navbar .private-layout-hamburger-menu .hamburger-icon.close{transform:rotate(180deg)}.private-layout.menu-open .mobile-navbar{transform:translate(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}:root{--light-green: #aced67;--primary-green: #6e9842;--dark-black: #2f2e2e;--black: #505050;--white: #ffffff;--darker-white: #f3f3f3;--outline: #c5c5c5;--neutral-color: #c6c2c2;--primary-green-transparent: rgba(110, 152, 66, .5);--gradient-green: linear-gradient( 90deg, #6e9842 0%, #88bc52 37%, #a0e15a 100% );--glass-grey: #f4f4f486;--secondary-red: #fb325e;--primary-red: #ce2b4f;--secondary-green: #3aa981;--dark-red: #cc2a4d;--font-family: "Poppins", sans-serif;--padding-small: .5rem;--padding-medium: 1rem;--padding-large: 2rem;--border-radius-small: .5rem;--border-radius-medium: 1rem;--border-radius-large: 1rem;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px}body{font-family:var(--font-family);color:var(--black);font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6,p,a{font-family:var(--font-family);color:var(--black);margin:0}h1{font-size:1.5rem;font-weight:700;line-height:1.3}h2{font-size:1.25rem;font-weight:700;line-height:1.3}h3{font-size:1.1rem;font-weight:700;line-height:1.3}h4{font-size:1rem;font-weight:700;line-height:1.3}h5{font-size:.875rem;font-weight:700;line-height:1.3}h6{font-size:.75rem;font-weight:700;line-height:1.3}p,a{font-size:1rem;font-weight:400;line-height:1.5}a{text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-green)}.btn{display:flex;justify-content:center;align-items:center;padding:8px 17px;height:40px;background:var(--primary-green);border-radius:8px;font-family:var(--font-family);font-weight:700;color:var(--white);border:none;cursor:pointer;transition:background .3s ease}.btn:hover{background:#5a8137}.input-primary,.input-secondary{display:flex;align-items:center;padding:16px;width:100%;max-width:613px;height:56px;border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px;font-size:1rem}.input-primary{background:#aced670f}.input-secondary{padding:12px 16px;max-width:364px;min-width:240px;height:40px;background:var(--white);border:1px solid #d9d9d9;border-radius:8px}.input-primary:focus-within,.input-secondary:focus-within{border-color:var(--black)}.card{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%;max-width:613px;height:100%;background:var(--white);border:1px solid var(--outline);box-shadow:0 4px 20px #0000000f;border-radius:18px}.card--primary{background:var(--gradient-green)}.card--secondary{background:var(--white)}