*{box-sizing:border-box;padding:0;margin:0;overflow-x:hidden;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.PageWrapper{width:100vw;height:100vh;display:flex}.Page{width:100%;height:100%;display:flex}@media screen and (max-width: 500px){.Page{flex-direction:column}*{overflow-x:visible}}.Sidebar{width:15%;height:100%;background-color:#fff;box-shadow:10px 0 25px -10px #0000004d;padding:35px 0 25px;z-index:7;position:relative}.LogoImage{width:40px;height:40px;flex-shrink:0}.SiteLogo{margin-left:25px;margin-bottom:25px;display:flex;flex-direction:row;align-items:center}.SiteName{margin-left:10px}.SiteName h3{color:#1a1a1a}.SiteName h4{color:#6c757d;font-weight:500;font-size:13px}.Options{display:flex;flex-direction:column;gap:20px;margin:25px 20px;position:relative}.Options a{text-decoration:none}.Options button{display:flex;align-items:center;height:40px;background-color:transparent;border:none;font-size:16px;color:#495057;font-weight:500;cursor:pointer;white-space:nowrap}.Options button img{flex-shrink:0;margin-right:10px;margin-left:15px;width:20px;height:20px}.Options .Active{border-radius:8px;background-color:#4318d1;white-space:nowrap;width:100%;height:45px;color:#fff;font-weight:400;box-shadow:0 4px 6px -1px #4318d11a,0 2px 4px -2px #4318d11a}.Active{display:flex;justify-content:center}.Options .Active img{margin:0 10px 0 0}.Options .Active img{filter:invert(100%)}.Options .Active .MyEventsNumber{position:absolute;right:10px;background-color:#fff;color:#000;font-weight:700}.Active .Dropdown{left:10px}.Options .Active .MessagesNumber{background-color:#fff;color:#000;font-weight:700;right:15px}button .Dropdown{position:absolute;right:5px}.Options button .Dropdown{width:16px;height:16px}.SubMenu button{color:#6c757d;font-size:13px;margin-left:40px;font-weight:400;width:100%;position:relative}.HostingNumber,.SavedEventsNumber{display:flex;justify-content:center;align-items:center;font-size:10px;width:20px;height:20px;border-radius:50%;color:#fff;position:absolute;right:50px}.SavedEventsNumber{background-color:#28a745}.MessagesNumber{display:flex;justify-content:center;background-color:#dc3545;align-items:center;font-size:10px;width:20px;height:20px;border-radius:50%;color:#fff;position:absolute;right:10px}.UserContainer{display:flex;justify-content:center;align-items:center;width:100%}.Messages.Active{padding-left:20px;display:flex;justify-content:flex-start}.User{background-color:#f8f9fa;width:90%;display:flex;flex-direction:column;gap:10px;position:absolute;bottom:10px;border-radius:8px;padding:16px}.UserImage{background-color:#28a745;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.UserImage img{width:70%;height:70%}.MyEventsNumber{margin-left:10px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#2563eb;font-size:10px;width:20px;height:20px;border-radius:50%}.ChangeUser{width:100%;background-color:#4318d1;color:#fff;height:40px;display:flex;border-radius:8px;justify-content:center;align-items:center;border:none;cursor:pointer;font-size:14px}.NameAndSubscription{display:flex;align-items:center;gap:10px}.UserDetails h5{color:#6c757d;font-weight:500}.UserDetails h4{color:#1a1a1a;font-weight:500}@media screen and (max-width: 1600px){.UserDetails h5{font-size:10px}}@media screen and (max-width: 1300px){.Sidebar{width:20%}.UserDetails h5{font-size:11px}}@media screen and (max-width: 1250px){.UserDetails h5{font-size:12px}}@media screen and (max-width: 1150px){.UserDetails h5{font-size:9px}}@media screen and (max-width: 1000px){.Sidebar{width:25%}.UserDetails h5{font-size:11px}}@media screen and (max-width: 500px){.Sidebar{display:none}}.ErrorPage{height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:30px;color:#4318d1}.Main{width:85%;height:100%;background-color:#fff}.Title,.SecondTitle{margin-left:40px}.Title{margin-bottom:10px;margin-top:20px;color:#111827;background:linear-gradient(135deg,#4318d1,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(67,24,209,.1)}.SecondTitle{color:#6b7280;font-weight:400;font-size:20px}.Categories{margin:20px 40px 0;display:flex;gap:10px;padding-top:10px}.Categories button{color:#374151;font-weight:600;border:1px solid #e5e7eb;background-color:#fff;border-radius:20px;padding:10px 15px;display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Categories button:hover{cursor:pointer;background-color:#f3f4f6;transform:translateY(-2px)}.Categories span{margin-right:5px}.Categories button:hover span{transform:scale(1.1)}.Events{display:flex;flex-direction:row;margin:10px 0 20px;padding:20px 40px 10px;gap:70px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;flex-wrap:nowrap}.Events::-webkit-scrollbar{height:8px}.Events::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.Events::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.Events::-webkit-scrollbar-thumb:hover{background:#94a3b8}.Event{background-color:#fff;background:linear-gradient(135deg,#fff,#f8fafc);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 4px 12px #0006;position:relative;flex-shrink:0;width:400px}.Event:hover{transform:translateY(-8px) scale(1.02);border-color:#4318d133}.EventTitle{height:250px;border-radius:12px;font-weight:700;font-size:50px;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.Tech{background:linear-gradient(135deg,#4318d1,#7c3aed,#a855f7)}.Photo{background:linear-gradient(135deg,#059669,#10b981,#34d399)}.Sport{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171)}.Business{background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa)}.Health{background:linear-gradient(135deg,#16a34a,#22c55e)}.Music{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.Art{background:linear-gradient(135deg,#db2777,#f472b6)}.Fun{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.NightLife{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.Like{background-color:#fff;background:linear-gradient(135deg,#fff,#f8fafc);width:50px;height:50px;border-radius:50%;display:flex;border:none;align-items:center;justify-content:center;position:absolute;right:20px;top:20px;font-size:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;margin:0;outline:none}.Like span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;pointer-events:none}.Like:hover{transform:scale(1.1);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.Like.red{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.Like.red:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.Info{margin-top:25px;margin-left:24px;padding-top:10px;display:flex;align-items:center}.Category{margin-left:10px;color:#fff;font-size:14px;padding:5px 14px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Category:hover{transform:scale(1.05) translateY(-1px)}.TechnologyCategory{background:linear-gradient(135deg,#4318d1,#7c3aed,#a855f7)}.SportsCategory{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171)}.BusinessCategory{background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa)}.PhotographyCategory{background:linear-gradient(135deg,#059669,#10b981,#34d399)}.HealthCategory{background:linear-gradient(135deg,#16a34a,#22c55e)}.MusicCategory{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.ArtCategory{background:linear-gradient(135deg,#db2777,#f472b6)}.FunCategory{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.NightLifeCategory{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.Information{margin:20px 24px 120px}.Information h1{color:#111827;margin-bottom:20px}.Information h3{margin-bottom:15px}.Information h3,h2{color:#6b7280;font-weight:400}.Information h3 span{margin-right:10px}.Views{position:absolute;right:24px;color:#6b7280;font-size:20px;display:flex;align-items:center}.JoinEvent{display:flex;align-items:center;justify-content:center;background-color:#4318d1;background:linear-gradient(135deg,#4318d1,#7c3aed);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:14px;color:#fff;font-size:20px;height:60px;width:100%;border:none;cursor:pointer}.JoinEvent:hover{background:linear-gradient(135deg,#3a16b8,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #4318d166}.ButtonContainer{display:flex;justify-content:center;width:100%;padding:10px 24px 24px;position:absolute;bottom:10px}.Categories .Active{background:linear-gradient(135deg,#4318d1,#7c3aed);color:#fff;font-weight:500;transform:translateY(-2px)}.Categories .Active:hover{background-color:#4318d1;background:linear-gradient(135deg,#3a16b8,#6d28d9);transform:translateY(-3px)}.Categories button{white-space:nowrap}.FilterControls{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:20px 40px 10px;padding:20px}.FilterRow{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.FilterGroup{display:flex;flex-direction:column;gap:5px}.FilterGroup label{font-weight:500;color:#374151;font-size:14px}.FilterInput,.FilterSelect{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff}.FilterInput:focus,.FilterSelect:focus{outline:none;box-shadow:0 0 0 3px #4318d11a}.ClearFilters{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto}.ClearFilters:hover{background-color:#dc2626}.NoEvent{display:flex;flex-direction:column;text-align:center;margin-top:50px;margin-left:40px}.NoEvent p{font-size:35px}.NoEvent h2{font-size:40px;color:#4318d1}.MobileEventsFound{margin-left:40px;margin-top:15px;font-size:16px}.FoundEventsHidden{display:none}@media screen and (max-width: 1300px){.Main{width:80%}.Categories{width:93%;flex-wrap:wrap}}@media screen and (max-width: 1150px){.EventTitle{font-size:3rem}}@media screen and (max-width: 1000px){.Main{width:75%}.Events{gap:20px}.EventsFound{display:none}.FoundEventsHidden{display:block}}@media screen and (max-width: 800px){.Main{width:100%}.Sidebar{display:none}}@media screen and (max-width: 500px){.Main{width:100%;padding-bottom:20px}.FilterGroup{width:100%}.Like{font-size:18px;right:10px;top:10px;width:40px;height:40px}.Events{flex-direction:column;margin:0;gap:0;padding:0 20px}.Event{margin-bottom:25px;width:unset}.EventTitle{font-size:3rem}.MobileEventsFound{margin-left:20px}.Categories{overflow-x:scroll;scrollbar-width:none;gap:10px;margin:20px 0 30px 20px;flex-wrap:nowrap}.Categories button{display:inline-flex;padding:10px 20px;font-size:14px}.Title{font-size:25px;margin-left:20px;margin-bottom:20px}.SecondTitle{font-size:16px;margin-left:20px}.EventTitle{height:200px}.Information h1{font-size:20px}.Information h3,h4,.Information h2{font-size:16px}.Categories .All{white-space:nowrap}.FilterControls{margin:20px 20px 10px}.ClearFilters{width:100%}}.SearchContainer{display:flex;justify-content:center;align-items:center;height:80px;position:sticky}.SearchBox{border:1px solid #d1d5db;display:flex;align-items:center;width:500px;height:60%;border-radius:10px;background-color:#f9fafb;padding-left:12px}.SearchBox img{width:21px;height:20px}.Line{height:1px;background-color:#0000001a;width:100%}.SearchBox input::placeholder{color:#999}.SearchBox input{background-color:#f9fafb;font-size:16px;margin-left:10px;height:100%;width:100%;border:none}.SearchBox input:focus{outline:none}.EventsFound{font-weight:500;font-size:14px;color:#6b7280;position:absolute;right:25px}.Hidden{display:none}.MobileHeader{width:100%;height:70px;align-items:center;justify-content:center;font-weight:700;font-size:20px}.LogoImage{width:40px;height:40px;margin-right:10px}.MenuButton{position:absolute;left:20px;display:flex;border:none;background-color:transparent;cursor:pointer}.MenuButtonWeb{position:absolute;left:40px;display:flex;border:none;background-color:transparent;cursor:pointer}.MenuHidden{display:none}@media screen and (max-width: 800px){.MenuHidden{display:block}.MenuButton{margin-left:0}}@media screen and (max-width: 500px){.SearchContainer{width:100%;height:auto;padding:0 20px;flex-direction:column}.MenuHidden{display:none}.SearchBox{width:100%;height:50px}.EventsFound{display:none}.SearchBox input::placeholder{color:#000}.Hidden{display:block}.MobileHeader{display:flex}.Line{margin-top:20px}}.MenuContainer{position:absolute;width:100vw;height:100vh;display:flex;z-index:50}.Menu{width:100%;height:100%;background-color:#fff}.LogoContainer{background-color:#fafbfc;align-items:center;padding:0 25px;display:flex;width:100%;height:80px;position:relative}.LogoContainer h1{margin-left:12px;font-size:20px}.LogoContainer img{width:35px;height:35px}.LogoContainer button{position:absolute;right:25px}.LogoContainer .CloseMenu{width:20px;height:20px}.MenuLine{height:1px;background-color:#0000001a;width:100%;margin-bottom:30px}.LogoContainer button{background-color:transparent;border:none}.HideMenu{display:none}.MenuCategory{color:#6b7280;margin-left:25px;font-weight:600;font-size:14px;margin-bottom:20px}.MenuOptions{display:flex;flex-direction:column;padding-left:40px;gap:20px;position:relative}.MenuOptions img{width:30px;height:30px;flex-shrink:0;margin-right:10px;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px}.MenuOptions button{background-color:transparent;border:none;font-weight:700}.LinkContainer{display:flex;align-items:center}.SecondMenuLine{height:1px;background-color:#0000001a;width:100%;margin-bottom:20px}.MenuOptions a{text-decoration:none}.LinkContainer h4{color:#6b7280;font-weight:400;font-size:14px}.MenuBadge{display:flex;justify-content:center;align-items:center;font-size:10px;width:20px;height:20px;border-radius:50%;color:#fff;position:absolute;right:40px;background-color:red}.MenuBadge.SavedEventsNumber{background-color:#28a745}.MenuBadge.MyEventsNumber{background-color:#2563eb}.MenuBadge.MessagesNumber{background-color:#dc3545}.MenuUser{width:100%;padding:0 0 20px;background-color:#fafbfc;position:absolute;bottom:env(safe-area-inset-bottom,0)}.UserInfoContainer{padding:0 20px}.UserInfo{background-color:#fff;border-radius:12px;border:2px solid #e5e7eb;width:100%;padding:15px;display:flex;align-items:center}.UserImage{margin-right:10px}.UserInfo h4{color:#111827;font-size:17px}.UserInfo p{color:#6b7280;font-weight:400;font-size:14px}.UserInfo .UserImage{width:45px;height:45px}.MenuButtonContainer{width:100%;padding:20px 20px 0}.MenuButtonContainer button{width:100%;height:45px;border-radius:12px;color:#fff;font-weight:700;border:none}.MenuButtonContainer .MenuSignOut{background-color:#4318d1}.MenuButtonContainer .MenuSignUp{background-color:#dc3545}.MenuSignOut img{width:25px;height:25px;margin-right:5px}.MenuSignUp img{width:30px;height:30px;margin-right:5px}.MenuSignOut,.MenuSignUp{display:flex;justify-content:center;align-items:center}.MenuButtonContainer a{text-decoration:none}.MyEventsContainer{display:flex;flex-direction:column}.EventsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;margin:0 30px}.EventCard{padding:20px 10px}.EventCard .Event{height:100%}.HostingContainer{padding:20px 40px;width:100%}.Hosting{padding:20px 30px;border-radius:12px;border:2px solid #e5e7eb;background-color:#fff;width:100%;height:100%}.HostingCategories{margin-top:30px;margin-bottom:20px;gap:20px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.HostingCategory{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:25px 20px;display:flex;align-items:center;width:30%;height:80px;font-size:16px;font-weight:700;overflow:hidden;cursor:pointer}.HostingCategory span{margin-right:10px;font-size:25px}.HostingTitle{background-color:#fff;border:2px solid #e5e7eb;padding-left:15px;font-size:16px;margin-top:10px;width:100%;height:60px;border-radius:8px;margin-bottom:20px}.HostingDescription{background-color:#fff;border:2px solid #e5e7eb;padding-left:15px;padding-top:15px;font-size:15px;margin-top:10px;width:100%;height:200px;border-radius:8px;margin-bottom:20px;resize:none}.DateAndLocation{display:flex;width:100%;gap:50px}.Date,.Location{width:50%}.HostingLocation,.HostingDate{background-color:#fff;border:2px solid #e5e7eb;width:100%;padding-left:15px;display:flex;align-items:center;margin-top:10px;height:60px;border-radius:8px;font-size:16px}.CreateEvent{background:linear-gradient(135deg,#4318d1,#7c3aed);color:#fff;width:100%;margin-top:40px;height:60px;border-radius:8px;font-size:16px;border:none;cursor:pointer}.HostingActive{background:linear-gradient(135deg,#4318d1,#7c3aed);color:#fff;font-weight:500;transform:translateY(-2px);font-weight:700}.NoEventsError{margin-top:30px;margin-left:40px}.NoEventsError h2{font-size:30px;color:#4318d1}.NoEventsError p{font-size:25px}.NotLoggedInError{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;color:#4318d1;width:100%;height:100%;font-size:30px}.NoSavedEvents{margin-top:30px;margin-left:40px}.NoSavedEvents h2{font-size:30px;color:#4318d1}.NoSavedEventsError{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;color:#4318d1;width:100%;height:100%;font-size:30px}.HostingHeader{display:none;height:70px;justify-content:center;align-items:center;position:relative}.MobileMenuLine{height:1px;background-color:#0000001a;width:100%;margin-bottom:30px;display:none}.HostingHeader h3{font-weight:700;font-size:20px}@media screen and (max-width: 1000px){.HostingCategories span{display:none}.HostingCategory{text-align:center;justify-content:center;font-size:18px}}@media screen and (max-width: 800px){.MobileMenuLine{display:block}.HostingHeader{display:flex}.HostingContainer{padding:20px}.SecondTitle,.Title{margin-left:20px}}@media screen and (max-width: 600px){.HostingCategories{display:flex;flex-direction:column}.HostingCategory{width:100%;height:60px}.DateAndLocation{flex-direction:column}.Date,.Location{width:100%}.HostingCategories span{display:block;font-size:18px}}@media screen and (max-width: 500px){.MyEventsContainer .Title{margin-top:0}.EventsContainer{margin:0;flex-wrap:nowrap;flex-direction:column;gap:0px}.EventCard{padding:20px}.EventCard .Event{margin-bottom:0;height:570px}.EventCard .Event .Information{margin:20px 24px}}.CalendarContainer{width:100%;height:100%;padding:20px 40px;display:flex;flex-direction:column;box-sizing:border-box}.fc .fc-daygrid-day.fc-day-today{color:#fff;background:linear-gradient(135deg,#4318d1,#7c3aed);border-radius:10px;display:flex;justify-content:right;padding:4px;font-size:19px;height:100%}.fc-direction-ltr{width:100%;height:100%}:root{--fc-border-color: hsl(0, 0%, 0%, 30%)}.fc .fc-view-harness-active>.fc-view{border-radius:20px;border:2px solid #4318d1}.fc .fc-toolbar-title{background:linear-gradient(135deg,#4318d1,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;text-shadow:0 2px 4px rgba(67,24,209,.1)}.fc-today-button fc-button fc-button-primary{border-radius:20px}.fc .fc-toolbar.fc-header-toolbar{overflow:hidden}.fc .fc-event{border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fc .fc-event:hover{opacity:.8;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.fc .fc-daygrid-day.fc-day-today:hover{background:linear-gradient(135deg,#3a16b8,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #4318d166}.fc .fc-event-title{font-weight:600;padding:2px 4px}.fc .fc-button{border-radius:8px;font-weight:500;transition:all .2s ease}.fc .fc-button:hover{transform:translateY(-1px)}.fc .fc-button-primary{background-color:#4318d1;border-color:#4318d1}.fc .fc-button-primary:hover{background-color:#5b2dd1;border-color:#5b2dd1}.fc .fc-daygrid-day-number{font-weight:500;padding:8px}.fc .fc-daygrid-day:hover{background-color:#2c0b970d}.fc .fc-more-link{color:#4318d1;font-weight:500}.fc .fc-more-link:hover{color:#5b2dd1}.fc{font-family:Inter,sans-serif}.fc-toolbar-title{font-size:1.5rem;font-weight:600;color:#111827}.fc-button{border-radius:8px;font-weight:500;transition:all .2s ease}.fc-button:hover{transform:translateY(-1px)}.fc-button-primary{background-color:#4318d1;border-color:#4318d1}.fc-button-primary:hover{background-color:#5b2dd1;border-color:#5b2dd1}.CalendarContainer{color:#4318d1;font-size:21px}.CalendarWrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.fc,.fc .fc-view-harness{height:100%!important}.CalendarHeader{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;color:#4318d1;width:100%;height:100%;font-size:30px}@media screen and (max-width: 800px){.CalendarContainer{font-size:17px;padding:0 20px 20px}}@media screen and (max-width: 500px){.CalendarContainer{font-size:14px}.fc .fc-toolbar.fc-header-toolbar{padding:15px 0 10px}.fc .fc-button-group{display:block}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:0;margin-top:5px;width:100%;margin-bottom:5px}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-bottom-right-radius:8px;border-top-right-radius:8px;width:100%}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){border-bottom-left-radius:8px;margin-top:5px;border-top-left-radius:8px;margin-left:0;width:100%}}.HeaderOptions{display:flex;flex-direction:row;margin-left:40px;margin-top:30px;gap:40px}.HeaderOptions button{color:#6b7280;background-color:transparent;border:none;font-size:16px;cursor:pointer}.LineContainer{margin-top:20px;padding:0 40px}.MyConnections{display:flex;width:100%;padding:40px;flex-direction:column;gap:30px}.Connection{background-color:#fff;border-radius:12px;width:100%;height:250px;box-shadow:0 4px 12px #0006;padding:30px;display:flex;position:relative}.ConnectionInfo{margin-top:10px;margin-left:15px;display:flex;flex-direction:column;gap:7px;height:fit-content}.ConnectionLine{width:100%;background-color:red;height:1px}.ConnectionInfo .Job{color:#6b7280;font-weight:400;font-size:16px}.ConnectionInfo .Company{font-size:16px;font-weight:600;color:#6b7280}.MessageButton{font-weight:600;width:100px;height:37px;background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;color:#6b7280}.ButtonOptions{display:flex;gap:10px;position:absolute;right:30px}.RemoveButton{font-weight:600;width:100px;height:37px;border:none;background-color:#dc3545;cursor:pointer;border-radius:8px;color:#fff}.AddButton{background-color:#4318d1;font-weight:600;width:100px;height:37px;border:none;cursor:pointer;border-radius:8px;color:#fff}.BottomInfo{position:absolute;bottom:30px}.MutualAndAttended{display:flex;gap:20px;color:#6b7280}.ViewProfile{position:absolute;right:30px;bottom:30px;background-color:transparent;border:none;cursor:pointer;color:#4318d1;font-weight:700}.MutualAndAttended h4{font-weight:400;font-size:15px}.ConnectionInfo h2{font-weight:700;color:#111827;font-size:19px}.HeaderOptions a{text-decoration:none}.HeaderOptions .Active{color:#4318d1}.UserBackground{width:60px;height:60px;background-color:gray;display:flex;border-radius:50%;justify-content:center;align-items:center}.UserBackground img{width:70%;height:70%;filter:invert(100%)}.Purple{background-color:#4318d1}.Pink{background-color:#7c3aed}.Green{background-color:#059669}.Red{background-color:#dc3545}.Orange{background-color:#fa9a41}.Yellow{background-color:#ffe96a}@media screen and (max-width: 600px){.MutualAndAttended{flex-direction:column}.SecondTitle{margin-right:20px}.ButtonOptions{flex-direction:column}}@media screen and (max-width: 500px){.MyConnections{padding:20px}.LineContainer{padding:0 20px}.HeaderOptions{margin-right:20px;margin-left:20px}.Connection{height:230px}.HeaderOptions button{font-size:14px}.UserBackground{width:50px;height:50px}}.SignUpContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 20px}.SignUp{display:flex;background-color:#fff;padding:38px 32px 23px;border-radius:12px;box-shadow:0 4px 12px #0006;width:400px;height:fit-content;flex-direction:column}.SignUpTitle{display:flex;width:100%;align-items:center;flex-direction:column;gap:10px;margin-bottom:30px;text-align:center}.SiteIcon{width:50px;height:50px}.SignUpTitle h1{font-size:28px;font-weight:700}.SignUpTitle h3{color:#6b7280;font-size:18px;font-weight:400}.EmailAndPassword h4{color:#374151;margin-bottom:10px}.EmailAndPassword{width:100%}.Email,.Password,.Username{border-radius:8px;background-color:#f9fafb;height:50px;border:2px solid #d1d5db;display:flex;margin-bottom:20px}.EmailAndPassword input{background-color:transparent;border:none;height:100%;width:90%;padding-left:10px;font-size:15px}.EmailAndPassword input::placeholder{color:#000}.EmailAndPassword input:focus{outline:none}.EmailAndPassword button{width:10%;height:100%;background-color:transparent;border:none;cursor:pointer}.MoreOptions{display:flex;align-items:center;position:relative}.MoreOptions h4{color:#374151;font-weight:500;font-size:15px}.Checkbox{margin-right:5px;width:16px;height:16px;border:1px solid #666666;border-radius:8px}.ForgotPassword{background-color:transparent;border:none;color:#4318d1;position:absolute;display:flex;align-items:center;font-size:15px;right:0;cursor:pointer}.SignUpButton{margin-top:20px;border:none;cursor:pointer;width:100%;background-color:#4419d299;color:#fff;border-radius:8px;height:50px;font-size:16px;font-weight:700}.SignInOption{justify-content:center;color:#6b7280;margin-top:20px;display:flex;align-items:center}.SignInOption h5{font-weight:400;margin-right:10px}.SignInText{border:none;background-color:transparent;color:#4318d1;font-weight:700;font-size:14px;cursor:pointer}.error{color:red;font-weight:700;display:flex;justify-content:center}@media screen and (max-width: 800px){.SignUpContainer{height:auto}.SignUp{margin:10px 0}}.EventHeader{height:80px;display:flex;align-items:center;padding-left:40px}.BackButton{color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;background-color:transparent;border:none}.BackButton img{margin-right:10px}.EventsInfoContainer{margin-top:30px;width:100%;gap:40px;padding:10px 40px 40px;display:flex}.EventMoreInfo{background-color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:8px;box-shadow:0 4px 12px #0006;width:70%;height:fit-content;padding-bottom:20px}.MoreDetailsContainer{width:30%;display:flex;flex-direction:column;gap:20px}.EventMoreDetails{border:2px solid #e5e7eb;background-color:#fff;border-radius:8px;padding:20px;width:100%}.OrganizerDetails{width:100%;border:2px solid #e5e7eb;padding:20px;border-radius:8px;background-color:#fff;display:flex;flex-direction:column}.EventDate{margin-top:20px;display:flex;align-items:center}.EventDetails span{margin-right:10px;font-size:17px}.EventDetails{display:flex;flex-direction:column;padding-top:20px;gap:20px}.Organizer{display:flex;flex-direction:column;padding-top:20px}.EventAttendees{display:flex;align-items:center}.AttendeesInfo{display:flex;flex-direction:column}.AttendeesInfo h4{color:#6b7280;font-size:14px;font-weight:400}.EventDetails h3,.AttendeesInfo .Attending{font-size:16px;color:#111827;font-weight:600}.OrganizerLogo{display:flex;align-items:center}.OrganizerImage{width:48px;height:48px;background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;margin-right:10px;color:#111827;display:flex;justify-content:center;align-items:center}.OrganizerImage img{width:30px;height:30px}.NameAndContact{display:flex;flex-direction:column}.Contact{color:#6b7280;font-size:14px;font-weight:400}.EventProfileImage{width:100%;height:300px;color:#fff;border-radius:12px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:700;text-align:center}.EventProfileHeader{width:100%;padding:0 24px}.EventCategory{color:#fff;width:fit-content;border-radius:27px;padding:5px 15px;font-weight:600;font-size:14px}.ProfileTitle{margin-top:20px;font-size:30px;padding-left:24px;font-weight:700;color:#111827}.AboutEvent{margin-top:20px;padding:0 24px}.AboutEvent h2{color:#111827;font-weight:700}.EventDescription,.ToBringDescription,.RequirementsDescription{margin-top:20px;color:#6b7280}.ToBringTitle,.RequirementsTitle{margin-top:20px}.JoinEventContainer{margin-top:30px;padding:10px 24px}.EventProfileMenu{background-color:transparent;border:none;position:absolute;right:20px;display:none}.EventProfileLine{height:1px;background-color:#0000001a;width:100%}@media screen and (max-width: 1300px){.EventProfileImage{font-size:50px}}@media screen and (max-width: 1150px){.OrganizerImage{width:35px;height:35px}.OrganizerImage img{width:25px;height:25px}.Contact{font-size:12px}}@media screen and (max-width: 1000px){.EventDetails span,.EventDetails h3,.AttendeesInfo .Attending,.NameAndContact h3{font-size:15px}.NameAndContact .Contact{font-size:8px}}@media screen and (max-width: 800px){.EventProfileMenu{display:block}.EventsInfoContainer{display:flex;flex-direction:column;padding:10px 20px 40px}.EventHeader{padding-left:20px}.EventMoreInfo,.MoreDetailsContainer{width:100%}.MoreDetailsContainer h3{font-size:22px}.EventDetails h3,.AttendeesInfo .Attending{font-size:17px}.AttendeesInfo h4{font-size:13px}.EventDetails span{font-size:20px}.OrganizerImage{width:45px;height:45px}.OrganizerImage img{width:30px;height:30px}.NameAndContact .Contact{font-size:14px}}