@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);body{margin:0}.follow-text{font-family:Josefin Sans,serif;font-size:24px;margin-right:10px}.separator{align-self:center;background:#000;border-radius:10px;color:#fff;font-family:Josefin Sans;font-size:42px;margin:20px auto 30px;padding:20px 0 10px;text-align:center;text-transform:uppercase;width:400px}.spinner{animation:spin .8s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:14px;vertical-align:middle;width:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mobile-only{display:none}.desktop-only{display:flex}.whole-wrapper{background-color:#fdcd37;width:100%}.date-wrapper{align-items:flex-end;display:flex;flex-direction:column}.plus-jakarta-sans-regular{font-family:Plus Jakarta Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.josefin-sans-regular{font-family:Josefin Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.main-left-side{border-top-right-radius:100px}.main-left-side,.main-right-side{background-color:#fff;height:calc(100vh - 50px);width:100px;z-index:1}.main-right-side{border-top-left-radius:100px}.main-fold{background-color:#fdcd37;border-bottom-left-radius:100px;border-bottom-right-radius:100px;display:"flex";flex-direction:"row";padding:0 100px 100px;text-align:center;width:100%}.main-title,.main-title-about{font-family:Josefin Sans,serif;font-size:80px;line-height:80px;padding-top:50px}.tour-title{align-self:center;background:#000;border-radius:10px;color:#fff;font-family:Josefin Sans;font-size:42px;padding:20px 0 10px;text-align:center;text-transform:uppercase;width:400px}.main-subtitle{font-family:Gabarito,serif;font-size:50px}.main-action,.main-description{border-radius:50px;font-family:Plus Jakarta Sans,serif;font-size:24px;font-weight:700;line-height:40px;margin:0 100px 50px;padding:20px 40px 0}.main-action{background-color:#00bfff}.main-buttons-wrapper{align-self:center;display:flex;justify-content:space-between;margin:auto;width:450px}.iphone-button{color:#fff;width:300px}.iphone-button img{object-fit:contain;width:200px}a{text-decoration:none}.android-button{color:#fff;width:300px}.below-fold-one-wrapper-parent{background-color:#fff;margin-top:-50px;padding-top:50px;position:relative;width:100%}.below-fold-one-wrapper-wrapper{align-items:center;background-color:#fff;display:flex;flex-direction:row;margin:auto;padding:0;position:relative;width:1000px}.below-fold-one-right-wrapper{background-color:#fdcd37;height:550px;width:100px}.below-fold-one-right{background-color:#fff;border-bottom-left-radius:100px;border-top-left-radius:100px;height:600px;width:100%}.below-fold-one-left-wrapper{background-color:#fdcd37;height:550px;width:100px}.below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper{background-color:#fdcd37;height:200px;width:100px}.below-fold-one-left{background-color:#fff;border-bottom-right-radius:100px;border-top-right-radius:100px;height:600px;width:100%}.below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper .below-fold-one-left{background-color:#fff;border-bottom-right-radius:100px;border-top-right-radius:100px;height:200px;width:100%}.below-fold-one-left-fold{background-color:#fff;border-top-right-radius:100px;height:600px;width:100%}.below-fold-one-right-fold{background-color:#fff;border-top-left-radius:100px;height:600px;width:100%}.below-fold-one-right-top{background-color:#fff;border-bottom-left-radius:100px;height:600px;width:100%}.below-fold-one-left-top{background-color:#fff;border-bottom-right-radius:100px;height:600px;width:100%}.below-fold-one-wrapper{height:550px}.about.below-fold-one-wrapper,.below-fold-one-wrapper{background-color:#fdcd37;display:flex;flex-direction:column;margin:0 auto;position:relative;width:800px}.about.below-fold-one-wrapper{height:auto}.about-image img{border:10px solid #fff;border-radius:100px;height:200px;object-fit:cover;width:200px}.about-image{margin:auto}.separator-50{height:50px;width:100%}.about-name{font-size:30px;margin-top:10px}.about-title{font-size:24px;margin-top:10px}.about-description-desc{background-color:#000;border-radius:20px;color:#cfc9c0;font-size:18px;line-height:30px;margin:20px 50px 50px;padding:40px;text-align:justify}.about-bottom{display:flex;flex-direction:row;width:100%}.about-side{display:flex;flex:1 1;flex-direction:column}.video-tour-wrapper{align-self:center;display:flex;justify-content:center;margin-top:30px;width:100%}.separator .below-fold-one-wrapper{background-color:#fdcd37;display:flex;height:200px;margin:0 auto;position:relative;width:800px}.bunch-app-image{border:10px solid #000;border-radius:30px;margin:-80px auto 0;position:absolute;width:300px;z-index:100}.below-fold-one-img-wrapper{margin:0 auto;position:relative;width:320px}.tour-not-started-over{background-color:#000;border:10px solid #000;border-radius:30px;height:625px;left:0;margin:-80px auto 0;opacity:.6;position:absolute;width:300px;z-index:100000;z-index:100}.image-arrow-left{margin:200px 0 0 100px}.image-arrow-left,.image-arrow-right{color:#000;cursor:pointer;font-size:100px}.image-arrow-right{margin:200px 100px 0 0}.arrow-disabled{color:gray}.comment-bubble{background-color:#fdcd37;background-color:#fff;border:10px solid #000;border-radius:20px;box-shadow:10px 10px 1px #000;font-family:Josefin Sans,serif;font-family:Plus Jakarta Sans,serif;font-size:20px;line-height:26px;padding:20px;position:absolute;text-align:center;width:242px;z-index:200}.start-bubble{align-items:center;cursor:pointer;display:flex;flex-direction:column;left:calc(50% - 112px);top:150px;width:200px}.second-panel{background-color:#e6ebff;height:600px;width:100%}.one-panel{align-items:center;background-color:#d6dff8;border:20px solid #fdcd37;border-radius:50px;display:flex;flex-direction:row;justify-content:center;margin:0 50px;width:calc(100% - 100px)}.one-panel-title{color:#000;font-family:Josefin Sans,serif;font-size:60px;padding:0 0 10px 40px}.start-tour-text{font-family:Josefin Sans,serif;margin-top:10px;text-transform:uppercase}.one-panel-description{font-family:Plus Jakarta Sans,serif;font-size:24px;font-weight:600;line-height:40px;margin:0 40px}.one-panel-content-wrapper{flex:1 1}.one-panel-image{overflow:hidden}.one-panel-image img{height:400px;object-fit:cover;width:600px}.left-image-borders{border-bottom-left-radius:100px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:100px}.right-image-borders{border-bottom-left-radius:20px;border-bottom-right-radius:100px;border-top-left-radius:100px;border-top-right-radius:20px}@media (max-width:1182px){.second.about-side{margin-top:50px}.about-name{font-size:30px;margin-top:20px}.about-title{font-size:24px;margin-bottom:40px}.main-title-about{align-self:center;width:80%}.about-description-desc{font-size:18px;line-height:30px;margin:10px 20px 20px;padding:20px}.about.below-fold-one-wrapper{background-color:#fdcd37;display:flex;height:200px;margin:0 auto;position:relative;width:90%}.right-nav{display:flex}.right-nav a{margin-right:10px;text-align:right}.about-bottom{display:flex;flex-direction:column;width:100%}.separator{align-self:center;background:#000;border-radius:10px;color:#fff;font-family:Josefin Sans;font-size:42px;margin:20px auto 30px;max-width:100%;padding:20px 0 10px;text-align:center;text-transform:uppercase;width:80%}.one-panel-content-wrapper{flex:1 1}.mobile-only{display:flex}.desktop-only{display:none}.iphone-button{color:#fff;margin-bottom:10px;width:300px}.iphone-button img{object-fit:contain;width:220px}.main-fold{background-color:#fdcd37;border-radius:0;display:flex;flex-direction:column;padding:0 10px 10px;text-align:center;width:100%}.main-title{font-family:Josefin Sans,serif;font-size:60px;order:1;padding:50px 40px 70px}.main-description{border-radius:50px;font-family:Plus Jakarta Sans,serif;font-size:24px;font-weight:500;line-height:40px;margin:0 20px 50px;order:3;padding:20px 20px 0}.main-buttons-wrapper{align-self:center;display:flex;flex-direction:column;margin:auto auto 40px;order:2;width:300px}.main-buttons-wrapper a{align-content:center;display:flex;justify-content:center}.below-fold-one-wrapper{background-color:#00bfff;display:flex;height:auto!important;margin:0 auto;position:relative;width:100%}.image-arrow-left{margin:100px 0 0 10px}.image-arrow-left,.image-arrow-right{color:#000;cursor:pointer;font-size:100px}.image-arrow-right{margin:100px 10px 0 0}.below-fold-one-left-wrapper,.below-fold-one-right-wrapper{display:none}.below-fold-one-wrapper-parent{background-color:#00bfff;height:470px;margin-top:0;padding-top:0;position:relative;width:100%}.below-fold-one-wrapper-wrapper{background-color:blue}.below-fold-one-wrapper-wrapper,.below-fold-one-wrapper-wrapper.separator{align-items:center;display:flex;flex-direction:row;margin:auto;padding:0;position:relative;width:100%}.below-fold-one-wrapper-wrapper.separator{background-color:#fff;height:200px}.below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper,.below-fold-one-wrapper-wrapper.separator .below-fold-one-right-wrapper{display:flex;height:200px;padding:0;width:100px}.below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper .below-fold-one-left{background-color:#fff;border-bottom-right-radius:100px;border-top-right-radius:100px;height:200px;width:100%}.separator .below-fold-one-wrapper{background-color:#fdcd37;display:flex;height:200px!important;margin:0;padding:0;position:relative;width:100%}.below-fold-one-wrapper-wrapper.separator-big,.separator-big .below-fold-one-wrapper,.separator-big .below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper .below-fold-one-left,.separator-big .below-fold-one-wrapper-wrapper.separator .below-fold-one-left-wrapper .below-fold-one-right{height:500px!important}.bunch-app-image{border:10px solid #000;border-radius:30px;margin:0 auto;position:absolute;width:200px;z-index:100}.below-fold-one-img-wrapper{margin:0 auto;position:relative;width:220px}.tour-not-started-over{background-color:#000;border:10px solid #000;border-radius:30px;height:408px;left:calc(50% - 100px);margin:0 auto;opacity:.6;position:absolute;width:200px;z-index:100000;z-index:100}.comment-bubble{background-color:#fff;border:5px solid #000;border-radius:10px;box-shadow:none;font-family:Josefin Sans,serif;font-family:Plus Jakarta Sans,serif;font-size:16px;font-weight:600;left:auto!important;line-height:26px;padding:20px;position:absolute;right:10px!important;text-align:center;top:400px!important;width:150px;z-index:200}.start-bubble{cursor:pointer;left:calc(50% - 75px)!important;position:absolute!important;top:55px!important;width:150px}.one-panel{align-items:center;background-color:#d6dff8;border:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:100%}.one-panel-description{font-family:Plus Jakarta Sans,serif;font-size:20px;font-weight:500;line-height:40px;margin:0 40px;text-align:center}.one-panel-title{color:#000;font-family:Josefin Sans,serif;font-size:40px;margin-top:0;padding:40px 0 30px;text-align:center}.one-panel-image{border-radius:0!important;height:250px!important;order:1!important;overflow:hidden;width:90%!important}.one-panel-image img{align-self:flex-start;border-bottom-left-radius:100px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:100px;height:205px!important;height:auto!important;margin-top:30px;object-fit:contain;width:100%}.main-left-side,.main-right-side{display:none}.email-text{margin-bottom:50px}.below-fold-one-wrapper-parent,.below-fold-one-wrapper-wrapper{height:auto!important}.below-fold-one-img-wrapper{display:flex;height:600px!important;justify-content:center;margin:0!important;padding:0;width:80%!important}}@media (min-width:400px) and (max-width:1181px){.one-panel-image{height:300px!important;object-fit:contain!important}.one-panel-image img{height:auto!important;object-fit:contain!important}}@media (min-width:910px) and (max-width:1181px){.comment-bubble{left:calc(50% - 350px)!important;position:absolute;top:40px!important;width:150px}}@media (min-width:830px) and (max-width:910px){.comment-bubble{left:100px!important;position:absolute;top:40px!important;width:150px}}@media (min-width:400px) and (max-width:830px){.below-fold-one-img-wrapper{width:220px}}@media (max-width:830px){.tour-title{align-self:center;background:#000;border-radius:10px;color:#fff;font-family:Josefin Sans;font-size:22px;padding:15px 0 10px;text-align:center;text-transform:uppercase;width:200px}.below-fold-one-wrapper-parent{height:506px}.below-fold-one-img-wrapper{margin:0 auto;position:relative;width:200px}.comment-bubble{background-color:#fff;border:5px solid #000;border-radius:10px;box-shadow:none;font-family:Josefin Sans,serif;font-family:Plus Jakarta Sans,serif;font-size:16px;font-weight:600;left:auto!important;line-height:26px;margin:0 auto 30px;padding:20px;position:relative;right:auto!important;text-align:center;top:auto!important;width:70%;z-index:200}.start-bubble{cursor:pointer;left:calc(50% - 75px)!important;top:55px!important;width:150px}}.font-josefin{font-family:Josefin Sans,serif!important}.font-quicksand{font-family:Quicksand,sans-serif!important}.font-nunito{font-family:Nunito,sans-serif!important}.font-fredoka{font-family:Fredoka One,cursive!important}.title-font{font-family:Quicksand,sans-serif!important}.subtitle-font{font-size:42px!important;margin-bottom:0!important}.font-plus-jakarta,.font-plus-jakarta-body{font-family:Plus Jakarta Sans,serif!important}.use_case{border-radius:.75rem!important;flex-shrink:0!important;height:150px!important;object-fit:cover!important;width:150px!important}.group-image{height:450px!important;width:300px!important}.private-bunches-image{object-fit:cover!important}.group-bunches-image,.private-bunches-image{height:500px!important;width:300px!important}.group-bunches-image{border-radius:.75rem!important;flex-shrink:0!important;object-fit:contain!important}.suggestion-image{height:350px!important;width:250px!important}.approve-rsvps-image,.check-in-image{border-radius:.75rem!important;flex-shrink:0!important;height:350px!important;object-fit:cover!important;width:250px!important}.width-70{width:70%!important}.use_case_activity{position:absolute;right:-15px;top:-15px;width:150px!important}.people-met-image{border-radius:.75rem!important;flex-shrink:0!important;height:350px!important;object-fit:cover!important;width:250px!important}.use_case_activity{height:120px!important;object-fit:cover!important;width:120px!important;z-index:1!important}.quarter-circle-bg,.use_case_activity{position:absolute!important;right:0!important;top:0!important}.quarter-circle-bg{background:radial-gradient(circle at top right,#3b82f61a 0,#2563eb0d 70%,#0000 100%)!important;border-radius:0 0 0 100%!important;height:200px!important;width:200px!important;z-index:0!important}.event-listing-image{border-radius:.75rem!important;height:500px!important;object-fit:contain!important;width:450px!important}.groups-left-image{width:350px!important}.groups-left-image,.one-left-image{border-radius:.75rem!important;flex-shrink:0!important;height:500px!important;object-fit:contain!important}.one-left-image{width:340px!important}.groups-right-image{border-radius:.75rem!important;flex-shrink:0!important;height:450px!important;object-fit:contain!important;width:350px!important}.main-title{font-size:51px!important;line-height:55px!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.min-h-screen{min-height:100vh!important}.bg-gray-50{background-color:#f9fafb!important}.bg-white{background-color:#fff!important}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))!important}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#eff6ff00)}.via-white{--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to,#fff0)}.to-purple-50{--tw-gradient-to:#faf5ff}.from-blue-100{--tw-gradient-from:#dbeafe;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#dbeafe00)}.to-purple-100{--tw-gradient-to:#f3e8ff}.from-green-50{--tw-gradient-from:#f0fdf4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f0fdf400)}.to-blue-50{--tw-gradient-to:#eff6ff}.py-20{padding-bottom:5rem!important;padding-top:5rem!important}.py-32{padding-bottom:8rem!important;padding-top:8rem!important}.container{max-width:1200px!important;width:100%!important}.container,.mx-auto{margin-left:auto!important;margin-right:auto!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.px-12{padding-left:3rem!important;padding-right:3rem!important}@media (min-width:640px){.sm\:px-8{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}.lg\:py-32{padding-bottom:8rem!important;padding-top:8rem!important}}.grid{display:grid!important}.gap-12{gap:3rem!important}.gap-8{gap:2rem!important}.gap-6{gap:1.5rem!important}.gap-4{gap:1rem!important}.items-center{align-items:center!important}.space-y-8>*+*{margin-top:2rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-3>*+*{margin-top:.75rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-6xl{font-size:3.75rem!important;line-height:1!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.text-gray-900{color:#111827!important}.text-gray-700{color:#374151!important}.text-gray-600{color:#4b5563!important}.text-gray-500{color:#6b7280!important}.text-white{color:#fff!important}.text-transparent{color:#0000!important}.bg-clip-text{background-clip:text!important;-webkit-background-clip:text!important}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))!important}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#2563eb00)}.to-purple-600{--tw-gradient-to:#9333ea}.from-blue-700{--tw-gradient-from:#1d4ed8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#1d4ed800)}.to-purple-700{--tw-gradient-to:#7c3aed}.leading-tight{line-height:1.25!important}.leading-relaxed{line-height:1.625!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-6xl{max-width:72rem!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.sm\:flex-row{flex-direction:row!important}@media (min-width:640px){.sm\:flex-row{flex-direction:row!important}}.relative{position:relative!important}.absolute{position:absolute!important}.inset-0{bottom:0!important;left:0!important;right:0!important;top:0!important}.overflow-hidden{overflow:hidden!important}.pointer-events-none{pointer-events:none!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-full{border-radius:9999px!important}.h-96{height:24rem!important}.h-80{height:20rem!important}.h-16{height:4rem!important}.w-16{width:4rem!important}.w-20{width:5rem!important}.w-24{width:6rem!important}.w-28{width:7rem!important}.w-32{width:8rem!important}.w-36{width:9rem!important}.h-20{height:5rem!important}.h-24{height:6rem!important}.h-28{height:7rem!important}.h-32{height:8rem!important}.h-36{height:9rem!important}.p-8{padding:2rem!important}.p-6{padding:1.5rem!important}.p-3{padding:.75rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.mb-16{margin-bottom:4rem!important}.mb-3{margin-bottom:.75rem!important}.mr-3{margin-right:.75rem!important}.text-center{text-align:center!important}.border-2{border-width:2px!important}.border-gray-300{border-color:#d1d5db!important}.border-gray-400{border-color:#9ca3af!important}.border-l-4{border-left-width:4px!important}.border-red-400{border-color:#f87171!important}.border-green-400{border-color:#4ade80!important}.hover\:shadow-lg:hover,.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.hover\:scale-105:hover{transform:scale(1.05)!important}.hover\:scale-110:hover{transform:scale(1.1)!important}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#1d4ed800)}.hover\:to-purple-700:hover{--tw-gradient-to:#7c3aed}.hover\:border-gray-400:hover{border-color:#9ca3af!important}.hover\:bg-gray-50:hover{background-color:#f9fafb!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-300{transition-duration:.3s!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.group:hover .group-hover\:scale-110{transform:scale(1.1)!important}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.bg-blue-50{background-color:#eff6ff!important}.bg-purple-50{background-color:#faf5ff!important}.bg-green-50{background-color:#f0fdf4!important}.bg-orange-100{background-color:#ffedd5!important}.bg-blue-100{background-color:#dbeafe!important}.bg-purple-100{background-color:#f3e8ff!important}.bg-green-100{background-color:#dcfce7!important}.bg-red-100{background-color:#fee2e2!important}.bg-pink-100{background-color:#fce7f3!important}.bg-yellow-100{background-color:#fef3c7!important}.text-red-500{color:#ef4444!important}.text-green-500{color:#22c55e!important}.text-green-600{color:#16a34a!important}.text-blue-600{color:#2563eb!important}.text-purple-400{color:#a78bfa!important}.text-purple-500{color:#683db1!important}.text-purple-600{color:#6739b3!important}.text-purple-700{color:#411689!important}.justify-center{justify-content:center!important}.space-x-4>*+*{margin-left:1rem!important}ul{list-style:none!important;padding:0!important}li,ul{margin:0!important}button:hover{transform:translateY(-2px)!important}@media (max-width:640px){.text-4xl{font-size:1.875rem!important}.text-6xl{font-size:2.25rem!important}.text-2xl{font-size:1.25rem!important}.text-3xl{font-size:1.5rem!important}}html{scroll-behavior:smooth!important}a:focus,button:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important}.text-transparent.bg-clip-text.bg-gradient-to-r.from-blue-600.to-purple-600{background:linear-gradient(90deg,#2563eb,#9333ea)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#0000!important;display:inline-block!important}.z-10{z-index:10!important}.blur-sm{filter:blur(4px)!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.top-20{top:5rem!important}.top-40{top:10rem!important}.top-60{top:15rem!important}.top-80{top:20rem!important}.top-\[600px\]{top:600px!important}.top-\[700px\]{top:700px!important}.top-\[800px\]{top:800px!important}.top-\[1000px\]{top:1000px!important}.top-\[1100px\]{top:1100px!important}.top-\[1200px\]{top:1200px!important}.top-\[1400px\]{top:1400px!important}.top-\[1500px\]{top:1500px!important}.top-\[1600px\]{top:1600px!important}.top-\[1800px\]{top:1800px!important}.top-\[1900px\]{top:1900px!important}.top-\[2000px\]{top:2000px!important}.top-\[2200px\]{top:2200px!important}.top-\[2300px\]{top:2300px!important}.top-\[2400px\]{top:2400px!important}.top-\[2600px\]{top:2600px!important}.top-\[2700px\]{top:2700px!important}.top-\[2800px\]{top:2800px!important}.left-10{left:2.5rem!important}.left-16{left:4rem!important}.left-20{left:5rem!important}.left-1\/4{left:25%!important}.left-1\/3{left:33.333333%!important}.left-2\/3{left:66.666667%!important}.right-16{right:4rem!important}.right-20{right:5rem!important}.right-24{right:6rem!important}.right-1\/3{right:33.333333%!important}.comment-image{border-bottom-left-radius:10px!important;border-bottom-right-radius:20px!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;height:150px!important;object-fit:cover;width:100px!important}.main-image,a img{border-radius:16px}.main-image{height:auto;object-fit:contain;width:400px}.navbar{background:#0000;display:flex;flex-direction:row;justify-content:space-between;left:0;padding:20px 40px;position:absolute;right:0;top:0;z-index:50}@media (max-width:500px){.hilights-description{font-size:20px!important}.event-listing-image{width:90vw!important}.container{max-width:100vw!important;padding:0!important}.navbar{padding:20px 0}a img{margin:auto!important}h2.title-font{font-size:2rem!important;line-height:2.5rem!important;margin-bottom:1rem!important;margin:auto;width:90%}.small-groups-subtitle{line-height:1rem;margin:1.5rem auto auto;width:90%!important}.main-image img{border-radius:16px;height:auto;object-fit:contain;width:100vw}.mobile-responsive-layout .hilights-container,.mobile-responsive-layout .works-container,.testimonials-container{margin-left:10px!important;margin-right:10px!important}.mobile-responsive-layout{align-items:center!important;box-sizing:border-box!important;flex-direction:column!important;gap:1rem!important;max-width:100vw!important;text-align:center!important;width:100%!important}.mobile-responsive-layout>*{box-sizing:border-box!important;margin-bottom:1rem;max-width:100%!important}.mobile-responsive-layout .mobile-image-90vw{width:90vw!important}.mobile-responsive-layout .mobile-image-80vw{width:80vw!important}.mobile-responsive-layout>a.apple,div.mobile-responsive-layout>a.apple{margin-bottom:0!important}.mobile-responsive-layout>.apple img{height:4.5rem!important}.small-groups-subtitle{font-size:16px!important}.mobile-responsive-layout .font-plus-jakarta-body,.mobile-responsive-layout .leading-tight,.mobile-responsive-layout .text-gray-600,.mobile-responsive-layout .text-sm{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;text-align:center!important;width:100%!important}.mobile-responsive-layout .max-w-xs,.mobile-responsive-layout .width-70{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;width:100%!important}.testimonial-description{font-size:18px!important;line-height:21px!important;margin-top:10px}.mobile-text-padding{padding-left:10px!important;padding-right:10px!important}.work-title{font-size:24px!important;line-height:21px!important;margin-top:10px}.work-description{font-size:20px!important;line-height:26px!important;margin-bottom:30px}.testimonial-atribute{font-size:16px!important;line-height:21px!important;margin-top:10px}.testimonial-title{font-size:24px!important;line-height:29px!important;margin-top:10px}.mobile-responsive-layout>:last-child{margin-bottom:0!important}.mobile-responsive-layout.space-x-4>*+*,.mobile-responsive-layout.space-x-6>*+*,.mobile-responsive-layout.space-x-8>*+*{margin-left:0!important;margin-top:1rem!important}.mobile-responsive-layout .approve-rsvps-image,.mobile-responsive-layout .check-in-image,.mobile-responsive-layout .event-listing-image,.mobile-responsive-layout .group-bunches-image,.mobile-responsive-layout .group-image,.mobile-responsive-layout .groups-left-image,.mobile-responsive-layout .one-left-image,.mobile-responsive-layout .people-met-image,.mobile-responsive-layout .private-bunches-image,.mobile-responsive-layout .suggestion-image{box-sizing:border-box!important;height:auto!important;max-width:100vw!important;object-fit:contain!important}.mobile-responsive-layout .use_case{height:auto!important;margin-top:30px!important;width:80vw!important}.mobile-responsive-layout .flex-1{box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:0 1rem!important;width:100%!important}.mobile-responsive-layout.grid{gap:1rem!important;grid-template-columns:1fr!important;max-width:100%!important;width:100%!important}.mobile-responsive-layout .container,.mobile-responsive-layout .max-w-2xl,.mobile-responsive-layout .max-w-3xl,.mobile-responsive-layout .max-w-4xl,.mobile-responsive-layout .max-w-6xl{box-sizing:border-box!important;max-width:100vw!important;padding-left:1rem!important;padding-right:1rem!important}}.contact-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.contact-popup-content{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.contact-popup-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 25px}.contact-popup-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.contact-popup-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:5px;transition:background-color .2s ease}.contact-popup-close:hover{background-color:#f0f0f0;color:#333}.contact-popup-body{padding:25px}.contact-popup-title{margin-bottom:30px;text-align:center}.contact-popup-title h3{color:#333;font-size:20px;font-weight:600;margin:0 0 15px}.contact-popup-title p{color:#666;font-size:16px;line-height:1.5;margin:0}.contact-popup-email-option{margin-top:15px;padding:15px;text-align:center}.contact-popup-email-option p{color:#666;font-size:14px;margin:0}.contact-popup-email-link{color:#5c44e8;display:inline-block;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-popup-email-link:hover{color:#4a36c7;text-decoration:underline}.contact-popup-form{display:flex;flex-direction:column;gap:20px}.contact-popup-textarea-container{position:relative}.contact-popup-textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;min-height:150px;padding:15px 15px 40px;resize:vertical;transition:border-color .3s ease;width:100%}.contact-popup-char-counter{bottom:8px;font-size:12px;font-weight:500;position:absolute;right:12px}.char-counter-needed{background:#ffeaea;border:1px solid #f5c6cb;border-radius:4px;color:#e74c3c;padding:4px 8px}.char-counter-valid{background:#eafaf1;border:1px solid #a9d5a3;border-radius:4px;color:#27ae60;padding:4px 8px}.contact-popup-textarea:focus{border-color:#5c44e8;outline:none}.contact-popup-textarea::placeholder{color:#999}.contact-popup-error{background:#ffeaea;border:1px solid #f5c6cb;border-radius:6px;color:#e74c3c;font-size:14px;font-weight:500;padding:10px}.contact-popup-button{background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:background-color .3s ease;width:100%}.contact-popup-button:hover:not(:disabled){background:#4a36c7}.contact-popup-button:disabled{background:#ccc;cursor:not-allowed}.contact-popup-success{padding:20px 0;text-align:center}.contact-popup-success h3{color:#333;font-size:28px;font-weight:600;margin:0 0 15px}.contact-popup-success p{color:#666;font-size:18px;margin:0 0 30px}@media (max-width:768px){.contact-popup-overlay{padding:10px}.contact-popup-content{max-height:95vh}.contact-popup-header{padding:15px 20px}.contact-popup-header h2{font-size:20px}.contact-popup-body{padding:20px}.contact-popup-title h3{font-size:18px}.contact-popup-title p{font-size:14px}.contact-popup-textarea{font-size:14px;min-height:120px;padding:12px 12px 35px}.contact-popup-char-counter{bottom:6px;font-size:11px;right:10px}.contact-popup-button{font-size:14px;padding:12px}}@media (max-width:480px){.contact-popup-overlay{padding:5px}.contact-popup-header{padding:12px 15px}.contact-popup-header h2{font-size:18px}.contact-popup-body{padding:15px}.contact-popup-textarea{min-height:100px;padding:10px 10px 30px}.contact-popup-char-counter{bottom:5px;font-size:10px;right:8px}}.logo-link{align-items:center;display:flex;flex-direction:row;padding:0;text-decoration:none;width:200px}.logo-image{height:50px;width:50px}.logo-text{color:#000;font-family:Quicksand,sans-serif!important;font-size:28px;font-weight:600;margin-left:10px;text-decoration:none}@media (max-width:768px){.logo-link{width:auto}.logo-text{font-size:24px}.logo-image{height:40px;width:40px}}@media (max-width:480px){.logo-text{font-size:20px}.logo-image{height:35px;width:35px}}.navbar-contact-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #5c44e8;border-radius:6px;color:#5c44e8;padding:8px 16px;transition:all .3s ease}.navbar-contact-button,.navbar-logout-button{box-shadow:0 2px 4px #5c44e81a;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-right:20px;text-transform:uppercase}.navbar-logout-button{background:none;border:none;color:#000;font-family:Quicksand,serif;line-height:14px;text-decoration-line:underline}.navbar-contact-button:hover{background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 8px #5c44e84d;color:#fff;transform:translateY(-1px)}.navbar-contact-button:active{box-shadow:0 2px 4px #5c44e833;transform:translateY(0)}.navbar-login-link{color:#5c44e8;font-size:16px;font-weight:600;letter-spacing:.5px;margin-right:20px;padding:8px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.navbar-login-link:after{background:linear-gradient(90deg,#5c44e8,#4a36c7);bottom:4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-login-link:hover{color:#4a36c7;transform:translateY(-1px)}.navbar-login-link:hover:after{width:100%}@media (max-width:768px){.navbar-contact-button{font-size:12px;margin-right:15px;padding:6px 12px}.navbar-login-link{font-size:14px;margin-right:15px}}@media (max-width:480px){.navbar-contact-button{font-size:11px;margin-right:10px;padding:5px 10px}.navbar-login-link{font-size:12px;margin-right:10px}}.footer-contact-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #5c44e8;border-radius:8px;box-shadow:0 2px 4px #5c44e81a;color:#5c44e8;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.footer-contact-button:hover{background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 12px #5c44e84d;color:#fff;transform:translateY(-2px)}.footer-contact-button:active{box-shadow:0 2px 4px #5c44e833;transform:translateY(0)}@media (max-width:768px){.footer-contact-button{font-size:14px;padding:10px 20px}}@media (max-width:480px){.footer-contact-button{font-size:12px;padding:8px 16px}}.registration-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;min-height:80px;padding:20px;position:sticky;top:0;z-index:100}.right-nav{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.registration-contact-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #5c44e8;border-radius:6px;box-shadow:0 2px 4px #5c44e81a;color:#5c44e8;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-right:20px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.registration-contact-button:hover{background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 8px #5c44e84d;color:#fff;transform:translateY(-1px)}.registration-contact-button:active{box-shadow:0 2px 4px #5c44e833;transform:translateY(0)}@media (max-width:768px){.registration-header{min-height:70px;padding:15px}.logo-link{width:auto}.logo-text{font-size:24px}.logo-image{height:40px;width:40px}.right-nav{justify-content:flex-end}.registration-contact-button{font-size:12px;margin-right:15px;padding:6px 12px}}@media (max-width:480px){.registration-header{min-height:60px;padding:10px}.logo-text{font-size:20px}.logo-image{height:35px;width:35px}.registration-contact-button{font-size:11px;margin-right:10px;padding:5px 10px}.right-nav{justify-content:flex-end}}.change-password-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.change-password-loading{color:#fff;font-size:18px}.change-password-content,.change-password-loading{align-items:center;display:flex;flex:1 1;justify-content:center}.change-password-content{padding:20px}.change-password-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:450px;padding:40px;text-align:center;width:100%}.change-password-header{margin-bottom:30px}.change-password-title{color:#333;font-family:Ysabeau,sans-serif;font-size:28px;font-weight:600;margin:0 0 15px}.change-password-subtitle{color:#666;font-size:16px;line-height:1.5;margin:0}.change-password-subtitle strong{color:#5c44e8;font-weight:600}.change-password-form{display:flex;flex-direction:column;gap:20px}.change-password-input{border:2px solid #e1e5e9;border-radius:5px;box-sizing:border-box;font-family:Comfortaa,sans-serif;font-size:16px;height:50px;padding:15px;transition:border-color .3s ease;width:100%}.change-password-input:focus{border-color:#5c44e8;outline:none}.change-password-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.change-password-button{align-items:center;background:#5c44e8;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:600;height:50px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.change-password-button:hover:not(:disabled){background:#4a3bc7;transform:translateY(-1px)}.change-password-button:disabled{transform:none}.change-password-button.inactive,.change-password-button:disabled{background:#d9d8e4;cursor:not-allowed}.change-password-error{color:#e74c3c;font-family:Ysabeau,sans-serif;font-size:14px;margin-top:5px;text-align:left}.change-password-success{text-align:center}.success-title{font-size:24px;margin:0 0 20px}.success-message{font-size:16px;line-height:1.5;margin:0 0 30px}.expired-state{text-align:center}.expired-title{color:#e74c3c;font-family:Ysabeau,sans-serif;font-size:28px;font-weight:600;margin:0 0 20px}.expired-message{color:#666;font-size:16px;line-height:1.5;margin:0 0 30px}.expired-actions{align-items:center;display:flex;flex-direction:column;gap:15px}.request-new-link-button{background:#00bfff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.request-new-link-button:hover{background:#09c;transform:translateY(-1px)}@media (max-width:768px){.change-password-content{padding:15px}.change-password-form-container{padding:30px 20px}.change-password-title{font-size:24px}.change-password-subtitle{font-size:14px}.change-password-button,.change-password-input{font-size:14px;height:45px;padding:12px}.success-title{font-size:22px}.success-message{font-size:15px}.expired-title{font-size:24px}.expired-message{font-size:15px}.request-new-link-button{min-width:160px}.back-to-login-button,.request-new-link-button{font-size:13px;padding:10px 20px}}@media (max-width:480px){.change-password-form-container{padding:20px 15px}.change-password-title{font-size:22px}.change-password-subtitle{font-size:13px}.change-password-button,.change-password-input{font-size:13px;height:40px;padding:10px}}.profile-button-container{align-content:center;align-items:center;background-color:#5c44e81a;border-radius:100px;display:flex}.profile-button-row{flex-direction:row}.profile-button-column{flex-direction:column}.profile-button-touchable{cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.profile-button-touchable:hover{transform:scale(1.05)}.profile-button-image-container{align-content:center;align-items:center;border:2px solid #5c44e8;border-radius:100px;display:flex;height:54px;justify-content:center;margin-right:10px;overflow:visible;position:relative;width:54px}.profile-button-image{border-radius:100px;height:50px;object-fit:cover;width:50px}.profile-button-name{word-wrap:break-word;color:#333;flex:1 1;font-size:16px;font-weight:600}.profile-button-loading{align-items:center;display:flex}.profile-button-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:100px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes profileBubbleFloat{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1) rotate(0deg)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}}@media (max-width:768px){.profile-button-image-container{height:44px;margin-right:8px;width:44px}.profile-button-image{height:40px;width:40px}.profile-button-name{font-size:14px}}.maybe-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.maybe-popup-content{animation:maybe-popup-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}@keyframes maybe-popup-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.maybe-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.maybe-popup-title{color:#1f2937;font-family:Josefin Sans,serif;font-size:1.5rem;font-weight:600;margin:0}.maybe-popup-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.maybe-popup-close:hover{background-color:#f3f4f6;color:#374151}.maybe-popup-body{padding:20px 24px}.maybe-popup-section{margin-bottom:24px}.maybe-popup-section:last-child{margin-bottom:0}.maybe-popup-section-title{color:#1f2937;font-family:Josefin Sans,serif;font-size:1.125rem;font-weight:600;margin:0 0 12px}.maybe-popup-list,.maybe-popup-text{color:#4b5563;font-family:Plus Jakarta Sans,serif;line-height:1.6;margin:0}.maybe-popup-list{padding-left:20px}.maybe-popup-list li{margin-bottom:8px}.maybe-popup-event-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.maybe-popup-event-title{color:#1f2937;font-family:Josefin Sans,serif;font-size:1rem;font-weight:600;margin:0 0 8px}.maybe-popup-event-details{color:#6b7280;font-family:Plus Jakarta Sans,serif;font-size:.875rem;margin:0}.maybe-popup-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:20px 24px}.maybe-popup-button{border:none;border-radius:8px;cursor:pointer;font-family:Plus Jakarta Sans,serif;font-size:.875rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.maybe-watch-button{background-color:#a78bfa;box-shadow:0 2px 4px #a78bfa33;color:#fff}.maybe-watch-button:hover:not(:disabled){background-color:#8b5cf6;box-shadow:0 4px 8px #a78bfa4d}.maybe-watch-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed}@media (max-width:640px){.maybe-popup-content{margin:10px;max-height:90vh}.maybe-popup-header{padding:16px 20px 12px}.maybe-popup-body{padding:16px 20px}.maybe-popup-footer{flex-direction:column;padding:16px 20px}.maybe-popup-button{width:100%}}.change-rsvp-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.change-rsvp-popup-content{animation:change-rsvp-popup-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:400px;overflow-y:auto;width:100%}@keyframes change-rsvp-popup-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.change-rsvp-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.change-rsvp-popup-title{color:#1f2937;font-family:Josefin Sans,serif;font-size:1.5rem;font-weight:600;margin:0}.change-rsvp-popup-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.change-rsvp-popup-close:hover{background-color:#f3f4f6;color:#374151}.change-rsvp-popup-body{padding:20px 24px}.change-rsvp-popup-section{margin-bottom:0}.change-rsvp-popup-text{color:#4b5563;font-family:Plus Jakarta Sans,serif;line-height:1.6;margin:0;text-align:center}.change-rsvp-popup-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:20px 24px}.change-rsvp-popup-button{border:none;border-radius:8px;cursor:pointer;font-family:Plus Jakarta Sans,serif;font-size:.875rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.cancel-button{background-color:#ef4444;box-shadow:0 2px 4px #ef444433;color:#fff}.cancel-button:hover{background-color:#dc2626;box-shadow:0 4px 8px #ef44444d}@media (max-width:640px){.change-rsvp-popup-content{margin:10px;max-height:90vh}.change-rsvp-popup-header{padding:16px 20px 12px}.change-rsvp-popup-body,.change-rsvp-popup-footer{padding:16px 20px}}.popup-close{border-radius:4px;font-size:24px;padding:4px}.popup-close:hover{background:#f0f0f0}.mobile-coming-soon-responsive-layout{margin-top:20px}.mobile-coming-soon-responsive-layout a{display:inline-block;text-decoration:none}.mobile-coming-soon-responsive-layout img{height:60px;width:auto}@media (max-width:768px){.popup-content{margin:20px;width:95%}.popup-header{padding:20px 20px 16px}.popup-header h2{font-size:20px}.popup-body{padding:16px 20px}.mobile-coming-soon-responsive-layout img{height:50px}}@media (max-width:480px){.popup-content{margin:10px;width:98%}.popup-header{padding:16px 16px 12px}.popup-header h2{font-size:18px}.popup-body{padding:12px 16px}.popup-body p{font-size:14px}.mobile-coming-soon-responsive-layout img{height:45px}}.hangout-title{color:#92400e;font-family:Josefin Sans,serif;font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem}.bunches-info-banner{background-color:#ddd1e0;border:1px solid #b986c6;border-radius:12px;box-shadow:0 4px 20px #f59e0b26;margin-bottom:2rem;padding:20px;text-align:center}.bunches-info-banner p{color:#4b3956;font-family:Quicksand,serif;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.bunches-info-banner a{color:#5c44e8;font-weight:600;text-decoration:underline;transition:color .2s ease}.bunches-info-banner a:hover{color:#4c3ad6}.going-explainer{color:#54435d;font-family:Quicksand,serif;font-size:.875rem;font-weight:500;line-height:1.3;margin:0 0 10px}.going-explainer a{color:#5c44e8;font-weight:600;text-decoration:underline;transition:color .2s ease}.going-explainer a:hover{color:#4c3ad6}@media (max-width:768px){.hangout-title{font-size:2rem}.bunches-info-banner{margin-bottom:1.5rem;padding:1rem}.bunches-info-banner p{font-size:.9rem}}.login-container{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.login-loading{align-items:center;color:#666;display:flex;font-size:18px;height:100vh;justify-content:center}.login-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px}.login-logo{align-items:center;display:flex;margin:0 auto;max-width:1200px}.logo-image{height:44px;margin-right:8px;width:44px}.logo-text{color:#333;font-size:24px;font-weight:700;margin:0}.login-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.login-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;width:100%}.login-title{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:40px;text-align:center}.login-form{width:100%}.input-group{margin-bottom:16px}.login-input{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;font-weight:500;height:50px;padding:15px;transition:border-color .2s ease;width:100%}.login-input:focus{border-color:#35a190;outline:none}.login-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.password-toggle{align-items:center;display:flex;font-size:16px;height:30px;justify-content:center;top:50%;transform:translateY(-50%);transition:color .2s ease;width:30px}.password-toggle:hover{color:#333}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{background-color:#5c44e8;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:20px;padding:16px;transition:background-color .2s ease;width:100%}.login-button:hover:not(:disabled){background-color:#4a36c7}.login-button:disabled{background-color:#d9d8e4;cursor:not-allowed}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:14px;margin-top:12px}.forgot-password{margin-top:20px;text-align:center}.forgot-password-link{background:none;border:none;color:#5c44e8;cursor:pointer;font-size:16px;font-weight:600;padding:0;text-decoration:underline}.forgot-password-link:hover{color:#4a36c7}.signup-link{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.signup-text{color:#333;font-size:16px;font-weight:500}.signup-button{background:none;border:none;color:#5c44e8;cursor:pointer;font-size:16px;font-weight:600;margin-left:5px;padding:0;text-decoration:underline}.signup-button:hover{color:#4a36c7}.version-info{padding:20px;text-align:center}.version-text{color:#666;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}@media (max-width:480px){.login-form-container{margin:0 10px;padding:30px 20px}.login-title{font-size:18px}.login-button,.login-input{font-size:16px}}.register-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.register-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.register-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;width:100%}.register-header{margin-bottom:30px;text-align:center}.register-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.register-header p{color:#666;font-size:16px;line-height:1.5}.input-label{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:16px;padding:15px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#5c44e8;outline:none}.form-input.error{border-color:#e74c3c}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:15px}.password-toggle:hover{color:#5c44e8}.dropdown-wrapper{position:relative}.dropdown-button{background:#fff;border:2px solid #e1e5e9;border-radius:10px;cursor:pointer;font-size:16px;padding:15px;text-align:left;transition:border-color .3s ease;width:100%}.dropdown-button:hover{border-color:#5c44e8}.form-select{background:#fff;border:2px solid #e1e5e9;border-radius:10px;cursor:pointer;font-size:16px;padding:15px;width:100%}.birthdate-selectors{display:flex;gap:10px;margin-top:10px}.date-selector{display:flex;flex:1 1;flex-direction:column}.date-selector label{color:#666;font-size:14px;font-weight:500;margin-bottom:5px;text-align:center}.checkbox-group{display:flex;flex-direction:column;margin:20px 0}.checkbox-label{align-items:flex-start}.checkbox-input{height:18px;margin:0;width:18px}.checkbox-text{color:#666;font-size:14px;line-height:1.5}.checkbox-text a{color:#5c44e8;font-weight:600;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.explainer-text{color:#666;font-size:14px;line-height:1.5;margin:10px 0;padding:0 5px}.register-button{background:#5c44e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:background-color .3s ease;width:100%}.register-button:hover:not(:disabled){background:#4a36c7}.register-button:disabled{background:#ccc;cursor:not-allowed}.error-text{color:#e74c3c;font-size:14px;font-weight:500;margin-top:5px}.message{border-radius:10px;font-weight:500;margin:10px 0;padding:15px;text-align:center}@media (max-width:768px){.register-container{padding:10px}.register-content{padding:30px 20px}.register-header h1{font-size:28px}.birthdate-selectors{flex-direction:column;gap:15px}.date-selector{flex:none}}@media (max-width:480px){.register-content{padding:20px 15px}.register-header h1{font-size:24px}.dropdown-button,.form-input,.form-select{font-size:14px;padding:12px}.register-button{font-size:16px;padding:12px}}.register-one-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.register-one-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.register-one-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.register-one-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.register-one-header p{color:#666;font-size:20px;line-height:1.5;margin-bottom:40px}.verification-section{align-items:center}.instruction-text{text-align:center}.register-one-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:768px){.register-one-container{padding:10px}.register-one-content{padding:30px 20px}.register-one-header h1{font-size:28px}.register-one-header p{font-size:18px}.verification-input{font-size:20px;width:150px}}@media (max-width:480px){.register-one-content{padding:20px 15px}.register-one-header h1{font-size:24px}.register-one-header p{font-size:16px}.verification-input{font-size:18px;padding:12px;width:120px}.verify-button{font-size:16px;padding:12px}}.change-email-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.change-email-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.change-email-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;width:100%}.change-email-header{margin-bottom:30px;text-align:center}.change-email-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.change-email-header p{color:#666;font-size:16px;line-height:1.5}.form-section{display:flex;gap:20px}.form-section,.input-group{flex-direction:column}.email-input{border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:16px;padding:15px;transition:border-color .3s ease;width:100%}.email-input:focus{border-color:#5c44e8;outline:none}.email-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background:#ffeaea;border:1px solid #f5c6cb;border-radius:8px;padding:10px;text-align:center}.update-button{background:#5c44e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:background-color .3s ease;width:100%}.update-button:hover:not(:disabled){background:#4a36c7}.update-button:disabled{background:#ccc;cursor:not-allowed}.change-email-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:768px){.change-email-container{padding:10px}.change-email-content{padding:30px 20px}.change-email-header h1{font-size:28px}.change-email-header p{font-size:14px}}@media (max-width:480px){.change-email-content{padding:20px 15px}.change-email-header h1{font-size:24px}.email-input{font-size:14px;padding:12px}.update-button{font-size:16px;padding:12px}}.verify-email-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.verify-email-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.verify-email-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.verify-email-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.verify-email-header p{color:#666;font-size:20px;line-height:1.5;margin-bottom:40px}.email-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.email-link{background:none;border:none;color:#5c44e8;cursor:pointer;font-size:18px;font-weight:600;text-decoration:underline}.email-link:hover{color:#4a36c7}.change-email-link{background:none;border:none;color:#666;cursor:pointer;font-size:16px;text-decoration:underline}.change-email-link:hover{color:#5c44e8}.verification-section{display:flex;flex-direction:column}.instruction-text{color:#666;font-size:20px;line-height:1.5;margin:20px 0 10px}.input-group{display:flex;justify-content:center}.verification-input{border:2px solid #e1e5e9;border-radius:10px;font-size:18px;padding:15px;text-align:center;transition:border-color .3s ease;width:200px}.verification-input:focus{border-color:#5c44e8;outline:none}.verification-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{color:#e74c3c;font-size:16px;font-weight:500;margin:10px 0}.verify-button{background:#5c44e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:background-color .3s ease;width:100%}.verify-button:hover:not(:disabled){background:#4a36c7}.verify-button:disabled{background:#ccc;cursor:not-allowed}.verify-email-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:768px){.verify-email-container{padding:10px}.verify-email-content{padding:30px 20px}.verify-email-header h1{font-size:28px}.verify-email-header p{font-size:18px}.verification-input{font-size:20px;width:150px}}@media (max-width:480px){.verify-email-content{padding:20px 15px}.verify-email-header h1{font-size:24px}.verify-email-header p{font-size:16px}.verification-input{font-size:18px;padding:12px;width:120px}.verify-button{font-size:16px;padding:12px}}.areas-page{background:#fff;min-height:100vh}.areas-container{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.areas-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:10}.back-button{border-radius:6px;font-size:16px}.back-button:hover{background-color:#f0f0f0}.areas-header h1{color:#333;font-size:24px;font-weight:700;margin:0}.done-button{background:none;border:none;border-radius:6px;color:#5c44e8;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:background-color .3s ease}.done-button:hover{background-color:#f0f0f0}.areas-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:20px;width:100%}.areas-description{margin-bottom:30px;text-align:center}.areas-description p{color:#666;font-size:18px;line-height:1.5;margin-bottom:15px}.request-area-link{align-self:flex-end;background:none;border:none;color:#5c44e8;cursor:pointer;font-size:16px;margin-bottom:20px;padding:8px 0;text-decoration:underline;transition:all .2s ease}.request-area-link:hover{color:#4a36c7}.areas-list{display:flex;flex-direction:column;gap:20px}.area-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .3s ease}.area-item:hover{box-shadow:0 4px 8px #0000001a}.area-checkbox{flex:1 1}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-input{accent-color:#5c44e8;cursor:pointer;height:20px;width:20px}.checkbox-text{color:#333;font-size:16px;font-weight:500}.area-radio,.radio-label{align-items:center;display:flex}.radio-label{cursor:pointer;gap:8px}.radio-input{accent-color:#5c44e8;cursor:pointer;height:18px;width:18px}.radio-text{color:#666;font-size:14px}.loading-spinner{padding:40px}.areas-loading,.loading-spinner{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center}.areas-loading{min-height:100vh}.areas-bottom-actions{background:#fff;border-top:1px solid #e1e5e9;bottom:0;display:flex;justify-content:center;padding:20px;position:sticky;width:100%;z-index:10}.areas-done-bottom-button{background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 32px;transition:all .2s ease}.areas-done-bottom-button:hover{background:#4a3bc7;transform:translateY(-1px)}.areas-done-bottom-button:active{transform:translateY(0)}@media (max-width:768px){.areas-header{padding:15px}.areas-header h1{font-size:20px}.areas-content{padding:15px}.areas-description p{font-size:16px}.area-item{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}.area-checkbox,.area-radio{width:100%}.areas-bottom-actions{padding:16px}.areas-done-bottom-button{font-size:14px;min-width:100px;padding:10px 24px}}@media (max-width:480px){.areas-header{padding:10px}.areas-header h1{font-size:18px}.areas-content{padding:10px}.areas-description p{font-size:14px}.area-item{padding:12px}.checkbox-text{font-size:14px}.radio-text{font-size:12px}.areas-bottom-actions{padding:12px}.areas-done-bottom-button{font-size:13px;min-width:80px;padding:8px 20px}}.register-three-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.register-three-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.register-three-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.register-three-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.register-three-header p{color:#666;font-size:16px;line-height:1.5;margin-bottom:40px}.photo-section{display:flex;justify-content:center;margin-bottom:40px}.photo-container{border:4px solid #e1e5e9;border-radius:50%;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:transform .3s ease;width:200px}.photo-container:hover{border-color:#5c44e8;transform:scale(1.05)}.register-three-profile-photo{height:100%;object-fit:cover;width:100%}.edit-overlay{background:#000000b3;bottom:0;color:#fff;font-size:14px;font-weight:600;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .3s ease}.photo-container:hover .edit-overlay{opacity:1}.action-section{display:flex;flex-direction:column;gap:15px}.register-three-save-button{background:#5c44e8;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block!important;font-size:18px;font-weight:600;opacity:1!important;padding:15px;transition:background-color .3s ease;visibility:visible!important;width:100%}.register-three-save-button:hover:not(:disabled){background:#4a36c7}.register-three-save-button:disabled{background:#ccc;cursor:not-allowed;display:block!important;opacity:.5!important;visibility:visible!important}.skip-button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:12px;text-decoration:underline;transition:color .3s ease;width:100%}.skip-button:hover{color:#5c44e8}.register-three-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:100vh}.face-detection-content{position:relative}.retry-face-detection-btn,.skip-face-detection-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin:0 8px;padding:12px 24px;transition:all .3s ease}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:30px}.close-modal-btn:hover{background:#f0f0f0;color:#333;transform:scale(1.1)}.loading-spinner{border:4px solid #f3f3f3;margin:0 auto}@media (max-width:768px){.register-three-container{padding:10px}.register-three-content{padding:30px 20px}.register-three-header h1{font-size:28px}.register-three-header p{font-size:14px}.photo-container{height:150px;width:150px}}@media (max-width:480px){.register-three-content{padding:20px 15px}.register-three-header h1{font-size:24px}.photo-container{height:120px;width:120px}.register-three-save-button{font-size:16px;padding:12px}.skip-button{font-size:14px;padding:10px}}.dashboard-container{background-color:#ede2f8;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;position:relative}.dashboard-bubble-1{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#a855f71a 0,#9333ea0d 100%);height:200px;right:5%;top:10%;width:200px}.dashboard-bubble-1,.dashboard-bubble-2{border-radius:50%;position:absolute;z-index:1}.dashboard-bubble-2{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#fbbf2426 0,#f59e0b14 100%);height:150px;left:3%;top:30%;width:150px}.dashboard-bubble-3{animation:float 7s ease-in-out infinite;background:radial-gradient(circle,#8b5cf61f 0,#7c3aed0f 100%);bottom:20%;height:120px;right:15%;width:120px}.dashboard-bubble-3,.dashboard-bubble-4{border-radius:50%;position:absolute;z-index:1}.dashboard-bubble-4{animation:float 9s ease-in-out infinite reverse;background:radial-gradient(circle,#fbbf241a 0,#f59e0b0d 100%);bottom:40%;height:180px;left:10%;width:180px}.dashboard-bubble-5{animation:float 5s ease-in-out infinite;background:radial-gradient(circle,#a855f714 0,#9333ea0a 100%);height:100px;right:30%;top:60%;width:100px}.dashboard-bubble-5,.dashboard-bubble-6{border-radius:50%;position:absolute;z-index:1}.dashboard-bubble-6{animation:float 6.5s ease-in-out infinite reverse;background:radial-gradient(circle,#fbbf241f 0,#f59e0b0f 100%);height:80px;left:50%;top:15%;width:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.dashboard-loading{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border-top-color:#35a190}.dashboard-loading p{color:#666;font-size:16px}.dashboard-header{background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 20px #0000001a;color:#fff;padding:30px 20px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.welcome-section h1{font-size:28px;font-weight:700;margin:0 0 8px}.modern-hangout-card{cursor:pointer}.welcome-subtitle{font-size:16px;margin:0;opacity:.9}.header-actions{gap:12px}.logout-button,.profile-button,.refresh-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.profile-button{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.profile-button:hover{background-color:#ffffff4d}.refresh-button{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.refresh-button:hover:not(:disabled){background-color:#ffffff4d}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.logout-button{background:none;border:none;box-shadow:0 2px 4px #5c44e81a;color:#000;cursor:pointer;font-family:Quicksand,serif;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-right:20px;text-decoration-line:underline;text-transform:uppercase}.logout-button:hover{background-color:#fff3}.dashboard-tabs{border-bottom:1px solid #e1e5e9;display:flex;justify-content:center;margin:0 auto;max-width:1200px;overflow-x:auto;padding:20px}.tab-switch-container{background-color:#f8f9fa;border-radius:25px;box-shadow:inset 0 2px 4px #0000001a;display:flex;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-width:140px;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#5c44e8}.tab-button.active{background-color:#5c44e8;box-shadow:0 2px 8px #5c44e84d;color:#fff;transform:none}.notification-badge{background-color:#e32652;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;text-align:center}.dashboard-content{margin:0 auto;max-width:1200px;padding:30px 20px}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.content-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.content-header-buttons{align-items:center;display:flex;gap:12px;position:relative;z-index:10}.dashboard-description{margin:0 auto 30px;max-width:1200px;padding:0 20px}.dashboard-description-text{color:#6b7280;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;line-height:18px;margin:0}.dashboard-description-bold{color:#000;font-weight:700}.create-bunch-button,.locations-button{align-items:center;background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease;z-index:11}.create-bunch-button:hover,.locations-button:hover{background:#4c3ae8;transform:translateY(-1px)}.locations-button{background:#6b7280}.locations-button:hover{background:#4b5563}.create-button,.edit-button,.mark-all-read{background-color:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.create-button:hover,.edit-button:hover,.mark-all-read:hover{background-color:#4a36c7}.bunches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#5c44e8;height:40px;margin-bottom:20px;width:40px}.loading-state p{color:#666;font-size:16px;margin:0}.empty-state{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.empty-state p{color:#666;font-size:16px;margin:0}.bunch-card,.hangout-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;padding:20px;transition:all .2s ease}.bunch-card:hover,.hangout-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.bunch-header,.hangout-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.bunch-title,.hangout-title{color:#333;flex:1 1;font-size:18px;font-weight:700;margin:0}.bunch-type,.hangout-type{background-color:#5c44e8;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.bunch-type.private{background-color:#e32652}.bunch-details,.hangout-details{margin-bottom:20px}.bunch-details p,.hangout-details p{color:#666;font-size:14px;margin:8px 0}.bunch-description{font-style:italic;margin-bottom:12px!important}.bunch-actions,.hangout-actions{display:flex;gap:10px}.join-button,.leave-button,.view-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.view-button{background-color:#f8f9fa;border:1px solid #5c44e8;color:#5c44e8}.join-button,.view-button:hover{background-color:#5c44e8;color:#fff}.join-button:hover{background-color:#4a36c7}.leave-button{background-color:#e32652;color:#fff}.leave-button:hover{background-color:#c41e3a}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.group-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;padding:20px;transition:all .2s ease}.group-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.group-name{color:#333;font-size:18px;font-weight:700;margin:0}.group-members{background-color:#e1e5e9;border-radius:20px;color:#666;font-size:12px;font-weight:600;padding:4px 12px}.group-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.group-actions{display:flex;gap:10px}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;display:flex;gap:15px;padding:20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f0f2f5}.notification-item.unread{background:#f5f3ff;border-left:4px solid #5c44e8}.notification-content{flex:1 1}.notification-title{color:#333;font-size:16px;font-weight:700;margin:0 0 8px}.notification-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 8px}.notification-time{color:#999;font-size:12px}.unread-indicator{background-color:#5c44e8;border-radius:50%;height:8px;margin-top:8px;width:8px}.profile-section{display:flex;flex-direction:column;gap:30px}.profile-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.profile-avatar{flex-shrink:0}.avatar-image{border:3px solid #5c44e8;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-details{flex:1 1;min-width:200px}.profile-name{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.profile-email{color:#666;font-size:16px;margin:0 0 12px}.profile-bio{color:#666;font-size:14px;line-height:1.5;margin:0}.profile-stats{display:flex;flex-wrap:wrap;gap:30px}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#5c44e8;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:14px;font-weight:600}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.welcome-section h1{font-size:24px}.dashboard-tabs{padding:15px 10px}.tab-button{border-radius:18px;font-size:13px;min-width:120px;padding:10px 16px}.dashboard-content{padding:20px 10px}.tab-content{padding:20px}.content-header{align-items:flex-start;flex-direction:column}.dashboard-description{padding:0 15px}.dashboard-description-text{font-size:13px;line-height:17px}.bunches-grid,.groups-grid,.hangouts-grid{grid-template-columns:1fr}.profile-info{flex-direction:column;text-align:center}.profile-stats{justify-content:center}}@media (max-width:480px){.dashboard-header{padding:20px 15px}.welcome-section h1{font-size:20px}.welcome-subtitle{font-size:14px}.header-actions{justify-content:space-between;width:100%}.logout-button,.profile-button,.refresh-button{flex:1 1;padding:12px 16px}.tab-button{border-radius:16px;font-size:12px;min-width:100px;padding:10px 12px}.tab-switch-container{border-radius:20px;max-width:300px;width:100%}.tab-content{padding:15px}.bunch-actions,.group-actions,.hangout-actions{flex-direction:column}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 24px 16px}.popup-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5c44e8,#4a36c7);-webkit-background-clip:text;background-clip:text;color:#333;font-size:24px;font-weight:700;margin:0}.popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.popup-close:hover{background-color:#f8f9fa;color:#333}.popup-body{padding:20px 24px}.popup-body p{color:#555;font-size:16px;line-height:1.6;margin:0 0 16px}.popup-body p:last-child{color:#333;font-weight:600;margin-bottom:0}.popup-footer{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px 24px 24px}.download-button{display:inline-block;text-decoration:none;transition:transform .2s ease}.download-button:hover{transform:translateY(-2px)}.download-button img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:60px;width:auto}.android-button img,.ios-button img{height:60px}@media (max-width:768px){.popup-content{margin:20px;width:95%}.popup-header{padding:20px 20px 16px}.popup-header h2{font-size:20px}.popup-body{padding:16px 20px}.popup-footer{flex-direction:column;gap:12px;padding:12px 20px 20px}.download-button img{height:50px}}@media (max-width:480px){.popup-content{margin:10px;width:98%}.popup-header{padding:16px 16px 12px}.popup-header h2{font-size:18px}.popup-body{padding:12px 16px}.popup-body p{font-size:14px}.popup-footer{padding:8px 16px 16px}.download-button img{height:45px}}.dashboard-bunches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:20px}.dashboard-hangout-card{background:linear-gradient(220deg,#f8fafc 13%,#e6daeb 42%);border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px 20px 16px;position:relative;transition:all .3s ease;z-index:2}.dashboard-hangout-card:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#5c44e8;box-shadow:0 8px 24px #5c44e826;transform:translateY(-2px)}.dashboard-hangout-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard-hangout-time-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.dashboard-hangout-date-time{align-items:center;display:flex;gap:12px}.dashboard-hangout-date{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.8px;margin:0;text-transform:uppercase}.dashboard-hangout-time{color:#374151;font-size:15px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.dashboard-hangout-location{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;margin:0}.dashboard-hangout-creator{margin-left:12px}.dashboard-hangout-content{margin-bottom:16px}.dashboard-hangout-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.4}.dashboard-hangout-description{background:#fff9;border-bottom-right-radius:12px;border-left:4px solid #5c44e8;border-top-right-radius:12px;color:#374151;font-size:16px;font-weight:400;line-height:19px;margin-bottom:4px;padding:16px}.dashboard-hangout-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}.dashboard-hangout-stats{align-items:center;display:flex;flex:1 1}.dashboard-hangout-maybe-count{background:#6b72801a;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;padding:4px 8px}.dashboard-hangout-status{border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;min-width:60px;padding:8px 16px;text-align:center;transition:all .2s ease}.dashboard-hangout-status.status-going{background:#8b5cf6;box-shadow:0 2px 8px #8b5cf633;color:#fff}.dashboard-hangout-status.status-maybe{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6}.dashboard-hangout-status.status-join{background:#fffc;border:1px solid #a855f733;color:#374151}.dashboard-hangout-status:hover{transform:scale(1.05)}.dashboard-empty-state{align-items:center;color:#666;display:flex;grid-column:1/-1;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.empty-state-content{max-width:500px;width:100%}.empty-state-content h3{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.empty-state-locations{color:#374151;font-size:16px;margin:0 0 12px}.empty-state-locations strong{color:#5c44e8;font-weight:600}.empty-state-info{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px}.empty-state-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.empty-state-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:12px 24px;transition:all .2s ease}.switch-location-button{background:#5c44e8;color:#fff}.switch-location-button:hover{background:#4c3ae8;transform:translateY(-1px)}.work-with-us-button{background:#fdcd37;border:3px solid #fdcd37;color:#000}.work-with-us-button:hover{background:#4c3ae8;border-color:#4c3ae8;transform:translateY(-1px)}.empty-state-divider{color:#6b7280;font-size:14px;font-style:italic;margin:16px 0 8px}.create-hangout-button{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66;color:#fff;overflow:hidden;position:relative}@keyframes pulse{0%{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 4px 20px #667eea99}to{box-shadow:0 4px 15px #667eea66}}.create-hangout-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-hangout-button:hover:before{left:100%}.create-hangout-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea99;transform:translateY(-2px) scale(1.05)}.create-hangout-button:active{transform:translateY(0) scale(1.02)}@media (max-width:768px){.dashboard-bunches-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.dashboard-hangout-card{padding:16px 16px 12px}.dashboard-hangout-title{font-size:16px}.dashboard-hangout-description{font-size:15px;padding:12px}.dashboard-hangout-location{font-size:14px}.dashboard-hangout-date{font-size:12px}.dashboard-hangout-time{font-size:14px}.dashboard-hangout-creator{margin-left:8px}}@media (max-width:480px){.dashboard-bunches-grid{gap:12px;grid-template-columns:1fr;padding:12px}.dashboard-hangout-card{padding:12px 12px 8px}.dashboard-hangout-header{margin-bottom:12px}.dashboard-hangout-content{flex:1 1;margin-bottom:8px}.dashboard-hangout-title{font-size:15px}.dashboard-hangout-description{font-size:14px;padding:12px}.dashboard-hangout-date-time{gap:8px}.dashboard-hangout-location{font-size:13px}.dashboard-hangout-date{font-size:11px}.dashboard-hangout-time{font-size:13px}.dashboard-hangout-maybe-count{font-size:11px;padding:3px 6px}.dashboard-hangout-time-info{gap:8px}.empty-state-content h3{font-size:20px}.empty-state-info,.empty-state-locations{font-size:14px}.empty-state-button{font-size:14px;min-width:180px;padding:10px 20px}.dashboard-description{padding:0 12px}.dashboard-description-text{font-size:12px;line-height:16px}}.load-more-container{margin-top:20px;padding:0 20px;width:100%}.load-more-button,.load-more-container{align-items:center;display:flex;justify-content:center}.load-more-button{background:#0000;background-color:#fdcd371a;border:3px solid #00bfff;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:500;max-width:400px;min-height:50px;padding:10px 20px 15px;text-align:center;transition:all .3s ease;width:80%}.load-more-button:hover:not(:disabled){background-color:#fdcd3733;border-color:#09c;transform:translateY(-1px)}.load-more-button:disabled{cursor:not-allowed;opacity:.7}.load-more-loading{align-items:center;display:flex;gap:8px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#00bfff;height:16px;width:16px}.points-loading{align-items:center;display:flex;height:200px;justify-content:center}.points-summary{display:flex;flex-direction:column;gap:8px}.point-summary{align-items:center;background:#5c44e81a;border-radius:8px;display:flex;flex-direction:row;margin-bottom:5px;padding:8px 12px}.point-summary-icon{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-right:8px;width:30px}.point-summary-number{font-size:14px;font-weight:700;margin-top:2px}.point-summary-text{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.point-summary-label{color:#333;font-family:Avenir,sans-serif;font-size:12px;font-weight:600;line-height:14px;text-align:center;text-transform:uppercase}.view-more-btn{align-self:flex-start;background:none;border:none;color:#5c44e8;cursor:pointer;font-size:14px;margin-top:20px;text-decoration:underline}.view-more-btn:hover{color:#4a36c7}.points-detailed{gap:20px}.points-detailed,.points-section{display:flex;flex-direction:column}.points-section{gap:10px}.points-section-title{color:#333;font-family:Avenir,sans-serif;font-size:18px;font-weight:600;margin:0 0 10px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.point-item{align-items:center;background:#5c44e81a;border-radius:8px;display:flex;flex-direction:row;margin-bottom:5px;min-height:50px;padding:8px 12px}.point-item-small{margin-bottom:0;width:100%}.point-item-large{width:auto}.point-item-big{justify-content:center;min-height:50px;width:100%}.point-icon{flex-shrink:0;justify-content:center;margin-right:8px;width:25px}.point-content,.point-icon{align-items:center;display:flex}.point-content{flex:1 1;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.point-number{font-size:16px;min-width:40px}.point-number,.point-number-big{flex-shrink:0;font-weight:700;text-align:center}.point-number-big{font-size:18px;margin:0 10px}.point-text{font-size:14px}.point-text,.point-text-big{flex:1 1;flex-wrap:wrap;letter-spacing:.7px;text-align:center}.point-text-big{font-size:18px;padding-top:4px}.community-moderator-btn{background:none;border:none;cursor:pointer;margin:0;padding:0;width:100%}.community-moderator-btn:hover .point-item{background:#5c44e833}.member-since{display:flex;flex-direction:column;padding:8px 0}.member-since-content{align-items:center;display:flex;flex-direction:row}.member-since-text{font-size:14px;letter-spacing:.5px;margin-left:8px;text-align:center}.member-since-date{font-size:14px;font-weight:600;margin-left:4px}.social-points-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:0;padding:8px 0;text-align:left;width:100%}.social-points-btn:hover:not(:disabled){background:#5c44e81a}.social-points-btn:disabled{cursor:not-allowed;opacity:.6}.social-points-content{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:8px}.social-points-number{font-size:14px;font-weight:700;margin-right:8px}.social-points-label{font-size:14px;letter-spacing:.5px;text-align:center}.social-points-action{color:#4a36c7;font-size:14px;font-weight:800;margin-left:8px}.people-in-common{margin-top:20px}.people-in-common-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.person-card{background:#5c44e81a;border-radius:8px;margin-bottom:5px;margin-right:5px;min-width:120px;padding:10px;width:calc(50% - 20px)}@media (max-width:768px){.stats-grid{gap:8px;grid-template-columns:1fr}.point-item-small{width:100%}.people-in-common-grid{flex-direction:column}.person-card{margin-right:0;width:100%}.points-section-title{font-size:16px}.point-text{font-size:13px}.point-text-big{font-size:16px}}@media (max-width:480px){.stats-grid{gap:6px}.point-item{min-height:45px;padding:6px 10px}.point-icon{margin-right:6px;width:20px}.point-number{font-size:14px;min-width:35px}.point-number-big{font-size:16px}.point-text{font-size:12px}.point-text-big{font-size:14px}.points-section-title{font-size:15px}}.hobbies-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hobbies-popup-content{animation:hobbiesModalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes hobbiesModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hobbies-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.hobbies-popup-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.hobbies-popup-actions{align-items:center;display:flex;gap:10px}.hobbies-save-btn{align-items:center;background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.hobbies-save-btn:hover{background:#4a36c7;transform:translateY(-2px)}.hobbies-close-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.hobbies-close-btn:hover{background:#e9e9e9;transform:translateY(-2px)}.hobbies-popup-body{flex:1 1;overflow-y:auto;padding:30px}.hobbies-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.hobbies-loading p{color:#666;font-size:16px;margin-top:15px}.hobbies-categories{display:flex;flex-direction:column;gap:30px}.hobbies-category{display:flex;flex-direction:column;gap:15px}.hobbies-category-title{border-bottom:2px solid #5c44e8;color:#333;font-size:20px;font-weight:600;margin:0;padding-bottom:10px}.hobbies-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.hobby-tag{background:#fff;border:2px solid #e1e5e9;border-radius:25px;font-size:16px;padding:10px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.hobby-tag:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hobby-tag.hobby-tag-unselected{background:#fff!important;border-color:#e1e5e9!important;color:#333!important}.hobby-tag.hobby-tag-unselected:hover{border-color:#5c44e8!important;color:#5c44e8!important}.hobby-tag.hobby-tag-selected{background:#00bfff!important;border-color:#00bfff!important;color:#fff!important}.hobby-tag.hobby-tag-selected:hover{background:#09c!important;border-color:#09c!important}@media (max-width:768px){.hobbies-popup-content{margin:20px;max-height:85vh;width:95%}.hobbies-popup-header{padding:15px 20px}.hobbies-popup-header h2{font-size:20px}.hobbies-popup-body{padding:20px}.hobbies-categories{gap:25px}.hobbies-category-title{font-size:18px}.hobby-tag{font-size:14px;padding:8px 14px}.hobbies-save-btn{font-size:14px;padding:8px 16px}.hobbies-close-btn{height:36px;padding:8px;width:36px}}@media (max-width:480px){.hobbies-popup-content{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.hobbies-popup-header{border-radius:0}.hobbies-popup-body{padding:15px}.hobbies-tags-grid{gap:8px}.hobby-tag{font-size:13px;padding:6px 12px}}.profile-container{background:#f3e8ff;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 80px);overflow:hidden;position:relative}.profile-container:before{background:radial-gradient(circle,#c4b5fd4d 0,#c4b5fd1a 100%);height:300px;right:-100px;top:-100px;width:300px}.profile-container:after,.profile-container:before{border-radius:50%;content:"";position:absolute;z-index:0}.profile-container:after{background:radial-gradient(circle,#ddd6fe40 0,#c4b5fd14 100%);bottom:-150px;height:400px;left:-150px;width:400px}.profile-bg-bubble-1{background:radial-gradient(circle,#c4b5fd33 0,#c4b5fd0d 100%);height:120px;right:50px;top:200px;width:120px}.profile-bg-bubble-1,.profile-bg-bubble-2{border-radius:50%;position:absolute;z-index:0}.profile-bg-bubble-2{background:radial-gradient(circle,#ddd6fe4d 0,#ddd6fe14 100%);bottom:300px;height:80px;left:100px;width:80px}.profile-header{align-items:center;background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 12px #5c44e84d;color:#fff;display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:100}.profile-header h1{font-size:24px;font-weight:700;margin:0}.profile-back-button{width:200px}.profile-back-button,.save-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.profile-back-button:hover,.save-button:hover{background:#ffffff4d}.save-button:disabled{cursor:not-allowed;opacity:.6}.profile-loading,.profile-unmounted{align-items:center;background:linear-gradient(135deg,#f5f7ff,#e6ebff);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.unmounted-content{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;padding:40px;text-align:center}.unmounted-content h2{color:#333;margin-bottom:16px}.unmounted-content p{color:#666;line-height:1.6}.success-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-message{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;color:#5c44e8;font-size:24px;font-weight:700;padding:30px 40px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-content{margin:80px auto 0;max-height:calc(100vh - 160px);max-width:800px;overflow-y:auto;padding:20px}.edit-profile-photo-section{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}.edit-profile-photo-section.profile-photo-centered{background:#0000;justify-content:center}.profile-photo-container{position:relative}.edit-profile-photo-section.profile-photo-centered .profile-photo-container{background:#0000}.profile-photo-wrapper{border-radius:20px;box-shadow:0 8px 24px #00000026;cursor:pointer;height:300px;overflow:hidden;position:relative;transition:transform .2s ease;width:300px}.profile-photo-wrapper:hover{transform:translateY(-2px)}.profile-photo{width:100%}.edit-photo-overlay{align-items:flex-end;background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;height:80px;justify-content:flex-end;left:0;padding:20px;position:absolute;right:0}.edit-photo-button{background:#5c44e8;border-radius:20px;box-shadow:0 4px 12px #5c44e84d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.additional-images-section{margin-bottom:30px}.summary-images-section{background:linear-gradient(135deg,#fce7f3,#f3e8ff 50%,#e0e7ff);border-radius:16px;box-shadow:0 4px 20px #ec489933;overflow:hidden;padding:20px;position:relative}.summary-images-section:before{background:radial-gradient(circle,#ffffff80 0,#ffffff26 100%);border-radius:50%;content:"";height:50px;left:-10px;position:absolute;top:-20px;width:50px;z-index:1}.summary-images-section:after{background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);border-radius:50%;bottom:-15px;content:"";height:35px;position:absolute;right:-5px;width:35px;z-index:1}.images-container{margin-bottom:15px}.image-box{align-items:center;background:#f8f9fa;display:flex;justify-content:center;position:relative;transition:transform .2s ease}.image-box.empty{border:2px dashed #ddd}.summary-image{border-radius:10px;height:100%;object-fit:cover;width:100%}.add-image-text{color:#666;font-size:24px;font-weight:700}.remove-image-btn{align-items:center;background:#5c44e8cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px;z-index:10}.add-more-container{text-align:right}.add-more-btn{background:none;border:none;color:#5c44e8;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.points-section{background:#fff;box-shadow:0 4px 12px #0000001a;margin-bottom:30px}.profile-form{background:linear-gradient(135deg,#fdf2f8,#f3e8ff 50%,#e0e7ff);border-radius:16px;box-shadow:0 4px 20px #db277733;overflow:hidden;padding:30px;position:relative}.profile-form:before{background:radial-gradient(circle,#fff9 0,#fff3 100%);height:45px;right:20px;top:-25px;width:45px}.profile-form:after,.profile-form:before{border-radius:50%;content:"";position:absolute;z-index:1}.profile-form:after{background:radial-gradient(circle,#ffffff73 0,#ffffff1f 100%);bottom:-20px;height:40px;left:30px;width:40px}.profile-bubble-1{background:radial-gradient(circle,#ffffffb3 0,#ffffff40 100%);height:30px;left:20px;top:25px;width:30px}.profile-bubble-1,.profile-bubble-2{border-radius:50%;position:absolute;z-index:1}.profile-bubble-2{background:radial-gradient(circle,#fff9 0,#fff3 100%);bottom:20px;height:18px;right:25px;width:18px}.profile-bubble-3{background:radial-gradient(circle,#fffc 0,#ffffff4d 100%);height:22px;right:20px;top:15px;width:22px}.profile-bubble-3,.profile-bubble-4{border-radius:50%;position:absolute;z-index:1}.profile-bubble-4{background:radial-gradient(circle,#ffffffa6 0,#fff3 100%);bottom:25px;height:16px;left:15px;width:16px}.form-group{margin-bottom:25px}.form-label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#5c44e8;outline:none}.form-textarea{min-height:100px;resize:vertical}.birth-date-display,.gender-display{background:#f8f9fa;border-radius:8px;color:#666;padding:12px 16px}.birth-date-pickers{display:flex;flex-wrap:wrap;gap:15px}.date-picker-group{flex:1 1;min-width:120px}.date-picker-group label{color:#666;display:block;font-size:14px;margin-bottom:5px;text-align:center}.date-picker{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;padding:10px;width:100%}.date-picker:focus{border-color:#5c44e8;outline:none}.birthday-explainer{background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;line-height:1.5;margin-top:10px;padding:10px}.hobbies-section{margin-top:20px}.hobbies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hobbies-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.add-hobby-btn{align-items:center;background:#fff;border:2px solid #5c44e8;border-radius:50%;color:#5c44e8;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:30px}.add-hobby-btn:hover{background:#5c44e8;color:#fff}.hobbies-explainer{background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;line-height:1.5;margin-bottom:15px;padding:10px}.hobbies-tags{gap:10px}.hobby-tag{align-items:center;background:#5c44e8;color:#fff;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.hobby-tag:hover{background:#4a36c7}.hobby-text{font-size:14px;margin-right:8px}.hobby-remove{font-size:16px;font-weight:700;margin-left:5px}.image-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden}.image-modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;width:40px;z-index:10}.image-modal-image{height:auto;max-height:70vh;object-fit:contain;width:100%}.image-modal-caption{background:#fff;padding:20px}.image-modal-caption p{color:#333;line-height:1.6;margin:0 0 15px}.bunch-badge{background:#5c44e8;border-radius:8px;display:inline-flex;gap:5px;padding:8px 12px}.face-detection-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.face-detection-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.face-detection-spinner{margin-bottom:20px}.face-detection-icon{font-size:48px;margin-bottom:20px}.face-detection-content h3{color:#333;font-size:24px;font-weight:600;margin:0 0 15px}.face-detection-content p{color:#666;font-size:16px;line-height:1.5;margin:0 0 25px}.cancel-face-detection-btn,.retry-face-detection-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin:0 8px;padding:12px 24px;transition:all .3s ease}.retry-face-detection-btn{background:#5c44e8;color:#fff}.retry-face-detection-btn:hover{background:#4a36c7;transform:translateY(-2px)}.cancel-face-detection-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-face-detection-btn:hover{background:#e9e9e9;transform:translateY(-2px)}@media (max-width:768px){.profile-header{padding:15px}.profile-header h1{font-size:20px}.profile-back-button,.save-button{font-size:12px;padding:8px 16px}.profile-content{padding:15px}.profile-photo-wrapper{height:250px;width:250px}.profile-form{padding:20px}.birth-date-pickers{flex-direction:column}.date-picker-group{min-width:auto}.image-modal-content{max-height:95vh;max-width:95vw}}@media (max-width:480px){.profile-header{padding:12px}.profile-header h1{font-size:18px}.profile-photo-wrapper{height:200px;width:200px}.profile-form{padding:15px}.form-input,.form-textarea{font-size:16px}.face-detection-content{margin:20px;padding:30px 20px}.face-detection-content h3{font-size:20px}.face-detection-content p{font-size:14px}.cancel-face-detection-btn,.retry-face-detection-btn{font-size:14px;margin:4px;padding:10px 20px}}.profile-view-container{background:#f3e8ff;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.profile-view-container:before{background:radial-gradient(circle,#a855f726 0,#9333ea14 100%);border-radius:50%;content:"";height:200px;position:absolute;right:5%;top:10%;width:200px;z-index:1}.profile-view-container:after{background:radial-gradient(circle,#8b5cf61f 0,#7c3aed0f 100%);border-radius:50%;content:"";height:150px;left:3%;position:absolute;top:30%;width:150px;z-index:1}.profile-view-container .bubble-1{background:radial-gradient(circle,#c4b5fd33 0,#a78bfa1a 100%);border-radius:50%;height:100px;position:absolute;right:15%;top:60%;width:100px;z-index:1}.profile-view-container .bubble-2{background:radial-gradient(circle,#ddd6fe40 0,#c4b5fd1f 100%);border-radius:50%;height:80px;left:20%;position:absolute;top:20%;width:80px;z-index:1}.profile-view-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#c084fc);border-bottom:1px solid #7c3aed;box-shadow:0 4px 20px #8b5cf64d;display:flex;justify-content:space-between;overflow:hidden;padding:20px 25px;position:relative}.profile-view-header:before{background:radial-gradient(circle,#ffffff4d 0,#ffffff1a 100%);height:60px;right:20px;top:-20px;width:60px}.profile-view-header:after,.profile-view-header:before{border-radius:50%;content:"";position:absolute;z-index:1}.profile-view-header:after{background:radial-gradient(circle,#ffffff40 0,#ffffff14 100%);height:40px;left:30px;top:-10px;width:40px}.profile-view-header .header-bubble-1{background:radial-gradient(circle,#fff6 0,#ffffff26 100%);border-radius:50%;height:30px;position:absolute;right:50%;top:-15px;width:30px;z-index:1}.profile-view-header .header-bubble-2{background:radial-gradient(circle,#ffffff59 0,#ffffff1f 100%);bottom:-10px;left:20%}.panel-bubble-1,.profile-view-header .header-bubble-2{border-radius:50%;height:25px;position:absolute;width:25px;z-index:1}.panel-bubble-1{background:radial-gradient(circle,#fff9 0,#fff3 100%);right:30px;top:20px}.panel-bubble-2{background:radial-gradient(circle,#ffffff80 0,#ffffff26 100%);bottom:15px;height:20px;left:25px;width:20px}.panel-bubble-2,.panel-bubble-3{border-radius:50%;position:absolute;z-index:1}.panel-bubble-3{background:radial-gradient(circle,#ffffffb3 0,#ffffff40 100%);height:30px;left:20px;top:25px;width:30px}.panel-bubble-4{background:radial-gradient(circle,#fff9 0,#fff3 100%);bottom:20px;height:18px;right:25px;width:18px}.panel-bubble-4,.panel-bubble-5{border-radius:50%;position:absolute;z-index:1}.panel-bubble-5{background:radial-gradient(circle,#fffc 0,#ffffff4d 100%);height:22px;right:20px;top:15px;width:22px}.panel-bubble-6{background:radial-gradient(circle,#ffffffa6 0,#fff3 100%);bottom:25px;height:16px;left:15px;width:16px}.panel-bubble-6,.panel-bubble-7{border-radius:50%;position:absolute;z-index:1}.panel-bubble-7{background:radial-gradient(circle,#ffffff80 0,#ffffff26 100%);height:28px;left:30px;top:30px;width:28px}.panel-bubble-8{background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);border-radius:50%;bottom:15px;height:20px;position:absolute;right:30px;width:20px;z-index:1}.back-button{background:none;border:none;color:#5c44e8;font-size:18px;padding:8px 12px;transition:background-color .3s ease}.back-button:hover{background:#f0f0f0}.profile-view-header h1{color:#fff;flex:1 1;font-size:20px;font-weight:600;margin:0;position:relative;text-align:center;text-shadow:0 2px 4px #0003;z-index:2}.header-actions{align-items:center;display:flex;gap:10px}.leader-button{background:none;border:none;border-radius:6px;color:#5c44e8;cursor:pointer;padding:8px;transition:background-color .3s ease}.edit-button,.flag-button{background:none;border:none;border-radius:8px;color:#5c44e8;cursor:pointer;font-size:18px;padding:12px;position:relative;transition:background-color .3s ease;z-index:10}.edit-button:hover,.flag-button:hover,.leader-button:hover{background:#f0f0f0}.profile-view-error,.profile-view-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #e1e5e9;margin-bottom:20px}.profile-view-error p{color:#666;font-size:16px;margin-bottom:20px}.profile-view-error button{background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.profile-view-content{margin:0 auto;max-width:800px;padding:20px}.profile-photo-section{background:linear-gradient(135deg,#f3e8ff,#e9d5ff 50%,#ddd6fe);border-radius:16px;box-shadow:0 4px 20px #c4b5fd4d;justify-content:space-between;margin-bottom:20px;overflow:hidden;position:relative}.profile-photo-section:before{background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);border-radius:50%;content:"";height:80px;position:absolute;right:-20px;top:-30px;width:80px;z-index:1}.profile-photo-section:after{background:radial-gradient(circle,#ffffff59 0,#ffffff14 100%);border-radius:50%;bottom:-25px;content:"";height:60px;left:-15px;position:absolute;width:60px;z-index:1}.profile-info-container{display:flex;justify-content:space-between}.profile-photo-container{flex-shrink:0;margin:0;padding:0}.profile-photo{border-radius:12px 0 0 12px;height:100%;min-height:300px;object-fit:cover;width:300px}.profile-details{display:flex;flex-direction:column;padding:20px;width:400px}.profile-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.community-leader-badge,.community-manager-badge{align-items:center;background:#ff6b35;border-radius:20px;box-shadow:0 2px 8px #ff6b354d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 12px}.community-manager-badge{background:#5c44e8;box-shadow:0 2px 8px #5c44e84d}.profile-name h2{color:#333;font-size:28px;font-weight:600;margin:0}.profile-profession{margin-top:5px}.profile-profession h3{color:#1c1c1c;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.profile-profession span{color:#666;font-size:16px;font-weight:500}.profile-bio{margin-top:10px}.profile-bio h3{color:#1c1c1c;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.profile-bio p{color:#555;font-size:14px;line-height:1.5;margin:0}.action-buttons{align-items:flex-start;display:flex;gap:15px;justify-content:flex-end;margin-top:0;position:absolute;right:20px;top:20px;z-index:10}.chat-button{background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.chat-button:hover{background:#4a36c7}.actions-menu{position:relative}.actions-toggle{background:#f5f5f5;border:none;border-radius:8px;color:#5c44e8;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s ease}.actions-toggle:hover{background:#e9e9e9}.actions-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.actions-dropdown button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .3s ease;width:100%}.actions-dropdown button:hover{background:#f8f9fa}.actions-dropdown button:first-child{border-radius:8px 8px 0 0}.actions-dropdown button:last-child{border-radius:0 0 8px 8px}.images-section{background:linear-gradient(135deg,#fce7f3,#f3e8ff 50%,#e0e7ff);border-radius:16px;box-shadow:0 4px 20px #ec489933;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.images-section:before{background:radial-gradient(circle,#ffffff80 0,#ffffff26 100%);height:50px;left:-10px;top:-20px;width:50px}.images-section:after,.images-section:before{border-radius:50%;content:"";position:absolute;z-index:1}.images-section:after{background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);bottom:-15px;height:35px;right:-5px;width:35px}.image-group{margin-bottom:30px}.image-group:last-child{margin-bottom:0}.image-group h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.images-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.image-box{border-radius:10px;cursor:pointer;flex-shrink:0;height:70px;overflow:hidden;transition:transform .3s ease;width:70px}.image-box:hover{transform:scale(1.05)}.image-box img{height:100%;object-fit:cover;width:100%}.profile-info{background:linear-gradient(135deg,#fdf2f8,#f3e8ff 50%,#e0e7ff);border-radius:16px;box-shadow:0 4px 20px #db277733;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.profile-info:before{background:radial-gradient(circle,#fff9 0,#fff3 100%);height:45px;right:20px;top:-25px;width:45px}.profile-info:after,.profile-info:before{border-radius:50%;content:"";position:absolute;z-index:1}.profile-info:after{background:radial-gradient(circle,#ffffff73 0,#ffffff1f 100%);bottom:-20px;height:40px;left:30px;width:40px}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.info-section p{color:#666;line-height:1.5;margin:0}.points-section{background:linear-gradient(135deg,#fef3c7,#fce7f3 50%,#f3e8ff);border-radius:16px;box-shadow:0 4px 20px #f59e0b40;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.points-section:before{background:radial-gradient(circle,#ffffffb3 0,#ffffff40 100%);height:55px;left:-10px;top:-15px;width:55px}.points-section:after,.points-section:before{border-radius:50%;content:"";position:absolute;z-index:1}.points-section:after{background:radial-gradient(circle,#ffffff80 0,#ffffff26 100%);bottom:-20px;height:30px;right:15px;width:30px}.hobbies-section{background:linear-gradient(135deg,#e0e7ff,#ddd6fe 50%,#c4b5fd);border-radius:16px;box-shadow:0 4px 20px #8b5cf640;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.hobbies-section:before{background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);height:65px;right:-15px;top:-20px;width:65px}.hobbies-section:after,.hobbies-section:before{border-radius:50%;content:"";position:absolute;z-index:1}.hobbies-section:after{background:radial-gradient(circle,#ffffff59 0,#ffffff14 100%);bottom:-25px;height:45px;left:-20px;width:45px}.hobbies-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.hobbies-tags{display:flex;flex-wrap:wrap;gap:8px}.hobby-tag{background:#f0f0f0;border-radius:20px;color:#333;font-size:14px;font-weight:500;padding:6px 12px}.image-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{align-items:center;display:flex;flex-direction:column;max-height:90%;max-width:90%;position:relative}.close-button{align-items:center;background:#000000b3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:45px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:45px;z-index:1001}.close-button:hover{background:#ffffffe6;color:#333;transform:scale(1.1)}.modal-image{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.image-caption{color:#fff;font-size:16px;margin-top:15px;max-width:500px;text-align:center}.bunch-badge{align-items:center;background:#00bfff;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:10px;padding:8px 16px}@media (max-width:768px){.profile-view-content{padding:15px}.profile-photo-section{padding:20px}.profile-info-container{align-items:center;flex-direction:column;gap:20px;justify-content:center;text-align:center}.profile-details{width:100%}.profile-photo{height:200px;min-height:200px;width:300px}.profile-name h2{font-size:24px}.action-buttons{flex-direction:column;gap:10px;justify-content:center;margin-top:20px;position:static}.chat-button{width:100%}.actions-dropdown{right:-50px}.images-row{gap:8px}.image-box{height:60px;width:60px}}@media (max-width:480px){.profile-view-header{padding:10px 15px}.profile-view-header h1{font-size:18px}.profile-details{width:100%}.profile-photo{height:150px;min-height:150px;width:250px}.profile-name h2{font-size:20px}.community-leader-badge{font-size:10px;padding:6px 10px}}.myareas-container{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.myareas-page-container{flex:1 1;flex-direction:column;margin-top:0}.myareas-header,.myareas-page-container{align-items:center;display:flex;width:100%}.myareas-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.myareas-close-button{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.myareas-close-button:hover{background-color:#f3f4f6;color:#374151}.myareas-title{color:#111827;font-size:20px;font-weight:700;margin:0}.myareas-done-button{background:none;border:none;border-radius:8px;color:#5c44e8;cursor:pointer;font-size:16px;font-weight:800;padding:8px 16px;transition:all .2s ease}.myareas-done-button:hover{background-color:#f3f4f6}.myareas-content{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:600px;padding:20px;width:100%}.myareas-intro{margin-bottom:30px;text-align:center}.myareas-intro-text{color:#374151;font-size:18px;line-height:1.5;margin:0}.myareas-locations-container{align-items:center;display:flex;flex-direction:column;width:100%}.myareas-locations-list{margin-bottom:20px;max-width:500px;width:100%}.myareas-location-item{margin-bottom:12px}.myareas-checkbox-wrapper{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.myareas-checkbox-wrapper:hover{background-color:#f8f9ff;border-color:#5c44e8}.myareas-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.myareas-checkmark{background-color:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;height:24px;margin-right:12px;position:relative;transition:all .2s ease;width:24px}.myareas-checkbox:checked+.myareas-checkmark{background-color:#5c44e8;border-color:#5c44e8}.myareas-checkbox:checked+.myareas-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.myareas-location-name{color:#111827;flex:1 1;font-size:18px;font-weight:500}.myareas-add-more-button{background:none;border:none;color:#5c44e8;cursor:pointer;font-size:16px;margin-bottom:20px;padding:8px 0;text-decoration:underline;transition:all .2s ease}.myareas-add-more-button:hover{color:#4c3ae8}.myareas-bottom-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:center;padding:20px;position:sticky;width:100%;z-index:10}.myareas-done-bottom-button{background:#5c44e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 32px;transition:all .2s ease}.myareas-done-bottom-button:hover{background:#4a3bc7;transform:translateY(-1px)}.myareas-done-bottom-button:active{transform:translateY(0)}.myareas-loading,.myareas-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#5c44e8;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.myareas-loading p,.myareas-loading-state p{color:#6b7280;font-size:16px;margin:0}@media (max-width:768px){.myareas-content{padding:16px}.myareas-header{padding:12px 16px}.myareas-title{font-size:18px}.myareas-intro-text,.myareas-location-name{font-size:16px}.myareas-checkbox-wrapper{padding:10px 14px}.myareas-checkmark{height:20px;margin-right:10px;width:20px}.myareas-checkbox:checked+.myareas-checkmark:after{height:8px;left:6px;top:2px;width:5px}.myareas-bottom-actions{padding:16px}.myareas-done-bottom-button{font-size:14px;min-width:100px;padding:10px 24px}}@media (max-width:480px){.myareas-content{padding:12px}.myareas-header{padding:10px 12px}.myareas-title{font-size:16px}.myareas-intro-text{font-size:15px}.myareas-bottom-actions{padding:12px}.myareas-done-bottom-button{font-size:13px;min-width:80px;padding:8px 20px}}.forgot-password-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.forgot-password-loading{color:#fff;font-size:18px;height:100vh}.forgot-password-content,.forgot-password-loading{align-items:center;display:flex;justify-content:center}.forgot-password-content{flex:1 1;padding:20px}.forgot-password-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.forgot-password-intro{margin-bottom:30px}.forgot-password-title{color:#333;font-family:Ysabeau,sans-serif;font-size:30px;font-weight:600;margin:0 0 20px}.forgot-password-description{color:#666;font-size:18px;line-height:24px;margin:0;text-align:center}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.forgot-password-input{border:2px solid #e1e5e9;border-radius:5px;box-sizing:border-box;font-family:Comfortaa,sans-serif;font-size:16px;height:50px;padding:15px;transition:border-color .3s ease;width:100%}.forgot-password-input:focus{border-color:#00bfff;outline:none}.forgot-password-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.forgot-password-button{align-items:center;background:#00bfff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:600;height:50px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.forgot-password-button:hover:not(:disabled){background:#09c;transform:translateY(-1px)}.forgot-password-button:disabled{transform:none}.forgot-password-button.inactive,.forgot-password-button:disabled{background:#d9d8e4;cursor:not-allowed}.forgot-password-error{color:#e74c3c;font-family:Ysabeau,sans-serif;font-size:14px;margin-top:5px;text-align:left}.forgot-password-success{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.success-title{color:#27ae60;font-family:Ysabeau,sans-serif;font-size:28px;font-weight:600;margin:0 0 30px}.success-messages{margin-bottom:30px}.success-message{color:#666;font-size:18px;line-height:24px;margin:0 0 20px;text-align:center}.back-to-login-button{background:#5c44e8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.back-to-login-button:hover{background:#4a3bc7;transform:translateY(-1px)}@media (max-width:768px){.forgot-password-content{padding:15px}.forgot-password-form-container,.forgot-password-success{padding:30px 20px}.forgot-password-title{font-size:24px}.forgot-password-description,.success-message{font-size:16px}.forgot-password-button,.forgot-password-input{font-size:14px;height:45px;padding:12px}}@media (max-width:480px){.forgot-password-form-container,.forgot-password-success{padding:20px 15px}.forgot-password-title{font-size:22px}.forgot-password-description,.success-message{font-size:15px}}.settings-container{background:linear-gradient(135deg,#f5f7ff,#e6ebff);font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-top:80px}.settings-header{align-items:center;background:linear-gradient(135deg,#5c44e8,#4a36c7);box-shadow:0 4px 12px #5c44e84d;color:#fff;display:flex;gap:20px;padding:20px;position:sticky;top:0;z-index:100}.back-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:#ffffff4d}.settings-header h1{font-size:24px;font-weight:700;margin:0}.settings-content{margin:0 auto;max-width:800px;padding:20px}.settings-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.section-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 8px}.section-title i{color:#5c44e8;font-size:18px}.section-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.settings-group{display:flex;flex-direction:column;gap:16px}.setting-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.setting-info p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.setting-control{align-items:center;display:flex;gap:12px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#5c44e8}input:checked+.toggle-slider:before{transform:translateX(26px)}input:disabled+.toggle-slider{background-color:#e5e7eb;cursor:not-allowed}input:disabled+.toggle-slider:before{background-color:#9ca3af}.disabled-note{color:#6b7280;font-size:12px;font-style:italic}.select-input,.text-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s ease}.select-input:focus,.text-input:focus{border-color:#5c44e8;outline:none}.select-input:disabled,.text-input:disabled{background-color:#f9fafb;cursor:not-allowed}.version-text{color:#6b7280;font-size:14px;font-weight:500}.loading-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-message i{color:#5c44e8;font-size:2rem;margin-bottom:1rem}.loading-message p{color:#6b7280;font-size:1rem;margin:0}.info-panel{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;margin-top:2rem}.info-content{padding:0}.info-text{align-items:flex-start;color:#0369a1;display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin:0}.info-text i{color:#0ea5e9;flex-shrink:0;font-size:1rem;margin-top:.125rem}@media (max-width:768px){.settings-content{padding:16px}.settings-section{margin-bottom:20px;padding:20px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.setting-control{justify-content:space-between;width:100%}.select-input,.text-input{min-width:100%}.settings-header{padding:16px}.settings-header h1{font-size:20px}}@media (max-width:480px){.settings-content{padding:12px}.settings-section{padding:16px}.section-title{font-size:18px}.setting-info h3{font-size:15px}.setting-info p{font-size:13px}}
/*# sourceMappingURL=main.0c40def5.css.map*/