:root{--hero-color-primary:#ff6b35;--hero-color-text-light:#fff;--hero-color-text-dark:#111827;--hero-color-heading:#fff;--hero-color-subtitle:#fff;--hero-color-button-text:#fff;--hero-color-stats-number:#ff6b35;--hero-color-stats-label:#fff;--hero-background-darkness:0.5;--hero-color-overlay:rgba(0,0,0,var(--hero-background-darkness));--hero-gradient-darkness-top:0.4;--hero-gradient-darkness-middle:0.3;--hero-gradient-darkness-bottom:0.8;--hero-color-gradient-from:rgba(0,0,0,var(--hero-gradient-darkness-top));--hero-color-gradient-via:rgba(0,0,0,var(--hero-gradient-darkness-middle));--hero-color-gradient-to:rgba(0,0,0,var(--hero-gradient-darkness-bottom));--hero-color-orb-orange:rgba(251,146,60,.3);--hero-color-orb-yellow:rgba(250,204,21,.3);--hero-bottom-blur-height:250px;--hero-bottom-blur-amount:15px;--hero-bottom-fade-opacity:0.8;--hero-logo-width:29rem;--hero-logo-margin-bottom:3rem;--hero-heading-size:3.9rem;--hero-heading-weight:900;--hero-heading-line-height:1;--hero-heading-letter-spacing:-0.02em;--hero-heading-margin-bottom:2rem;--hero-subtitle-size:1.875rem;--hero-subtitle-weight:900;--hero-subtitle-line-height:1.2;--hero-subtitle-max-width:64rem;--hero-subtitle-margin-bottom:3rem;--hero-button-size:3.25rem;--hero-button-weight:900;--hero-button-padding-x:4rem;--hero-button-padding-y:3rem;--hero-button-border-radius:9999px;--hero-button-icon-size:40px;--hero-button-icon-gap:1rem;--hero-button-margin-bottom:4rem;--hero-stats-number-size:6rem;--hero-stats-number-weight:900;--hero-stats-number-line-height:1;--hero-stats-number-margin-bottom:0.75rem;--hero-stats-label-size:1.5rem;--hero-stats-label-weight:900;--hero-stats-gap:2.5rem;--hero-stats-max-width:80rem;--hero-container-max-width:56rem;--hero-container-padding:1.5rem;--hero-shadow-2xl:drop-shadow(0 25px 25px rgba(0,0,0,.15));--hero-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--hero-shadow-lg:drop-shadow(0 10px 15px rgba(0,0,0,.1));--hero-shadow-button-hover:0 25px 50px -12px rgba(0,0,0,.25);--hero-parallax-speed:0.5;--hero-orb-size:24rem;--hero-orb-blur:96px;--hero-orb-1-top:25%;--hero-orb-1-left:25%;--hero-orb-2-bottom:25%;--hero-orb-2-right:25%;--hero-animation-duration:0.8s;--hero-animation-easing:ease-out;--hero-animation-delay-200:200ms;--hero-animation-delay-400:400ms;--hero-animation-delay-600:600ms;--hero-animation-delay-1000:1000ms;--hero-transition-duration:300ms;--hero-transition-easing:cubic-bezier(0.4,0,0.2,1);--hero-button-hover-scale:1.15;--hero-stats-hover-translate-y:-0.25rem;--hero-scroll-indicator-width:2rem;--hero-scroll-indicator-height:3rem;--hero-scroll-indicator-bottom:2.5rem;--hero-scroll-indicator-border:2px;--hero-scroll-indicator-border-opacity:0.3;--hero-scroll-indicator-dot-opacity:0.5;--hero-scroll-indicator-dot-width:0.25rem;--hero-scroll-indicator-dot-height:0.75rem;--hero-logo-width:16rem;--hero-logo-margin-bottom:1.5rem;--hero-heading-size:2rem;--hero-heading-margin-bottom:1rem;--hero-subtitle-size:1rem;--hero-subtitle-margin-bottom:2rem;--hero-button-size:1rem;--hero-button-padding-x:2rem;--hero-button-padding-y:0.875rem;--hero-button-icon-size:20px;--hero-button-icon-gap:0.5rem;--hero-button-margin-bottom:2rem;--hero-stats-number-size:2.5rem;--hero-stats-label-size:0.875rem;--hero-stats-gap:1rem;--hero-stats-max-width:100%;--hero-container-padding:1rem}@media (min-width:640px){:root{--hero-logo-width:20rem;--hero-logo-margin-bottom:2rem;--hero-heading-size:2.5rem;--hero-heading-margin-bottom:1.5rem;--hero-subtitle-size:1.25rem;--hero-subtitle-margin-bottom:2.5rem;--hero-button-size:1.25rem;--hero-button-padding-x:2.5rem;--hero-button-padding-y:1rem;--hero-button-icon-size:24px;--hero-button-margin-bottom:2.5rem;--hero-stats-number-size:3rem;--hero-stats-label-size:1rem;--hero-stats-gap:1.5rem}}@media (min-width:768px){:root{--hero-logo-width:24rem;--hero-logo-margin-bottom:2.5rem;--hero-heading-size:3.5rem;--hero-heading-margin-bottom:2rem;--hero-subtitle-size:1.5rem;--hero-subtitle-margin-bottom:3rem;--hero-button-size:1.5rem;--hero-button-padding-x:3rem;--hero-button-padding-y:1.5rem;--hero-button-icon-size:28px;--hero-button-margin-bottom:3rem;--hero-stats-number-size:4rem;--hero-stats-label-size:1.25rem;--hero-stats-gap:2rem}}@media (min-width:1024px){:root{--hero-logo-width:29rem;--hero-logo-margin-bottom:3rem;--hero-heading-size:3.9rem;--hero-heading-margin-bottom:2rem;--hero-subtitle-size:1.875rem;--hero-subtitle-margin-bottom:3rem;--hero-button-size:2rem;--hero-button-padding-x:3.5rem;--hero-button-padding-y:2rem;--hero-button-icon-size:32px;--hero-button-icon-gap:0.75rem;--hero-button-margin-bottom:3.5rem;--hero-stats-number-size:5rem;--hero-stats-label-size:1.5rem;--hero-stats-gap:2.5rem;--hero-container-max-width:64rem}}@media (min-width:1280px){:root{--hero-button-size:3.25rem;--hero-button-padding-x:4rem;--hero-button-padding-y:3rem;--hero-button-icon-size:40px;--hero-button-icon-gap:1rem;--hero-button-margin-bottom:4rem;--hero-stats-number-size:6rem;--hero-stats-label-size:1.5rem;--hero-stats-max-width:90rem}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(12px)}to{transform:translateY(0)}}.hero-animate-fade-in-down{animation:fade-in-down var(--hero-animation-duration) var(--hero-animation-easing)}.hero-animate-fade-in-up{animation:fade-in-up var(--hero-animation-duration) var(--hero-animation-easing)}.hero-animate-delay-200{animation-delay:var(--hero-animation-delay-200)}.hero-animate-delay-400{animation-delay:var(--hero-animation-delay-400)}.hero-animate-delay-600{animation-delay:var(--hero-animation-delay-600)}.hero-animate-delay-1000{animation-delay:var(--hero-animation-delay-1000)}.hero-animate-scroll{animation:scroll 2s ease-in-out infinite}.join-modal>button{display:none!important}[data-slot=dialog-overlay]{backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;background:rgba(0,0,0,.5)!important}.join-modal{background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.4);max-width:450px;border:1px solid #d1d5db;border-radius:16px;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95) translateY(-20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.join-modal__tabs{display:flex;border-bottom:2px solid #e5e7eb;position:relative;overflow:hidden;background:#f3f4f6;border-radius:16px 16px 0 0}.join-modal__tabs:before{top:0;height:100%;background:#fff;z-index:0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.join-modal__tabs:after,.join-modal__tabs:before{content:"";position:absolute;left:0;width:50%;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);transform:translateX(0)}.join-modal__tabs:after{bottom:-2px;height:3px;background:linear-gradient(90deg,#ff6b35,#ff8c42);border-radius:2px 2px 0 0;z-index:2}.join-modal__tabs[data-active-tab=register]:after,.join-modal__tabs[data-active-tab=register]:before{transform:translateX(100%)}.join-modal__tab{flex:1;padding:1rem 0;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:.875rem;font-weight:600;letter-spacing:.05em;border-bottom:3px solid transparent;background-color:transparent;color:#6b7280;cursor:pointer;position:relative;z-index:1}.join-modal__tab--active{color:#ff6b35;font-weight:700}.join-modal__tab:hover:not(.join-modal__tab--active){color:#374151}.join-modal__content{padding:1.5rem 2rem;position:relative;overflow:hidden;background:#fff}.join-modal__tab-panel{animation:tabSwitchAnimation .5s cubic-bezier(.16,1,.3,1);transform-origin:center;will-change:transform,opacity}@keyframes tabSwitchAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.join-modal__footer{border-top:1px solid #f3f4f6;background:#f9fafb;border-radius:0 0 16px 16px}.join-modal__continue-btn{width:100%;padding:1.25rem;text-align:center;transition:all .3s ease;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;border:none;background:transparent;position:relative;letter-spacing:.01em}.join-modal__continue-btn:after{content:"\2192";margin-left:.5rem;transition:transform .3s ease;display:inline-block}.join-modal__continue-btn:hover{color:#ff6b35;background-color:rgba(255,107,53,.05)}.join-modal__continue-btn:hover:after{transform:translateX(4px)}.join-modal__form,.join-modal__form-inner{display:flex;flex-direction:column;gap:1rem}.join-modal__google-btn{width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:.75rem 1.5rem;border-radius:8px;border:1.5px solid #d1d5db;background-color:#fff;color:#1f2937;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.join-modal__google-btn svg{position:absolute;left:1rem}.join-modal__google-btn:hover:not(:disabled){border-color:#9ca3af;background-color:#f9fafb;box-shadow:0 2px 8px rgba(0,0,0,.12)}.join-modal__google-btn:disabled{opacity:.6;cursor:not-allowed}.join-modal__separator{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.join-modal__separator:after,.join-modal__separator:before{content:"";flex:1;height:1px;background:#d1d5db}.join-modal__separator span{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}.join-modal__form-group{display:flex;flex-direction:column;gap:.375rem}.join-modal__label{font-size:.8125rem;font-weight:600;color:#1f2937;letter-spacing:.01em}.join-modal__input{height:2.75rem;font-size:.9375rem;border:1.5px solid #d1d5db;background-color:#fafafa;color:#1f2937;transition:all .3s ease;border-radius:8px;padding:.5rem .875rem}.join-modal__input::-moz-placeholder{color:#9ca3af}.join-modal__input::placeholder{color:#9ca3af}.join-modal__input:focus{border-color:#ff6b35;background-color:#fff;outline:none;box-shadow:0 0 0 3px rgba(255,107,53,.15)}.join-modal__input--error{border-color:#ef4444}.join-modal__password-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;transition:color .3s ease;background:none;border:none;cursor:pointer;padding:.25rem}.join-modal__password-toggle:hover{color:#ff6b35}.join-modal__submit{width:100%;transition:all .3s ease;border-radius:8px;background-color:#ff6b35;color:#fff;font-size:1rem;font-weight:700;padding:.875rem 2rem;box-shadow:0 4px 14px rgba(255,107,53,.4);border:none;cursor:pointer;letter-spacing:.02em;margin-top:.5rem}.join-modal__submit:hover{background-color:#e55a2b;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,107,53,.5)}.join-modal__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.join-modal__user-type-card{width:100%;padding:1.25rem 1.5rem;border-radius:12px;border:1.5px solid #d1d5db;background-color:#fafafa;transition:all .3s ease;text-align:left;cursor:pointer}.join-modal__user-type-card:hover{border-color:#ff6b35;background-color:rgba(255,107,53,.05);box-shadow:0 4px 12px rgba(255,107,53,.2)}.join-modal__user-type-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.25rem}.join-modal__user-type-desc{font-size:.8125rem;color:#4b5563;font-weight:400}.join-modal__error{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;padding:.875rem 1rem;border-radius:8px;border:1px solid #fecaca;color:#dc2626;background-color:#fef2f2;font-weight:500}.join-modal__row{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.join-modal__checkbox-label{display:flex;align-items:center;gap:.5rem;color:#1f2937}.join-modal__checkbox-label,.join-modal__link{font-size:.8125rem;font-weight:500;cursor:pointer}.join-modal__link{color:#ff6b35;transition:color .3s ease;background:none;border:none}.join-modal__link:hover{color:#e55a2b}@media (max-width:640px){.join-modal{max-width:calc(100vw - 2rem)}.join-modal__tab{font-size:.8125rem;padding:.875rem 0}.join-modal__content{padding:1.25rem 1.5rem}.join-modal__continue-btn{font-size:.875rem;padding:1rem}.join-modal__form{gap:.875rem}.join-modal__input{height:2.5rem;font-size:.875rem}}