body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}:root{--primary-color:#22c55e;--primary-dark:#16a34a;--primary-darker:#15803d;--white:#fff;--black:#000;--dark-bg:#0f172a;--white-10:#ffffff1a;--white-15:#ffffff26;--white-30:#ffffff4d;--white-50:#ffffff80;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--black-50:#00000080;--black-70:#000000b3;--black-80:#000c;--black-95:#000000f2;--primary-10:#22c55e1a;--primary-20:#22c55e33;--primary-30:#22c55e4d;--primary-40:#22c55e66;--primary-60:#22c55e99;--primary-gradient:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);--primary-gradient-hover:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-darker) 100%);--dark-gradient:linear-gradient(135deg,var(--black) 0%,var(--dark-bg) 100%);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:6rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:50%;--font-xs:0.9rem;--font-sm:0.95rem;--font-base:1rem;--font-lg:1.05rem;--font-xl:1.1rem;--font-2xl:1.2rem;--font-3xl:1.3rem;--font-4xl:2rem;--font-5xl:2.5rem;--font-6xl:3.5rem;--font-7xl:4rem;--font-8xl:4.5rem;--font-9xl:7rem;--font-10xl:10rem;--shadow-sm:0 4px 12px var(--primary-40);--shadow-md:0 6px 20px var(--primary-40);--shadow-lg:0 8px 25px var(--primary-40);--shadow-xl:0 12px 35px var(--primary-60);--shadow-2xl:0 20px 40px #0000004d;--shadow-3xl:0 25px 50px var(--primary-30);--transition-fast:0.3s ease;--transition-slow:0.5s ease;--z-background:-1;--z-base:1;--z-overlay:1000;--z-modal:1001}@font-face{font-display:swap;font-family:Super Dream;font-style:normal;font-weight:400;src:url(/static/media/SuperDream-ax3vE.387f54ec9b832b6ff246.ttf) format("truetype")}.homepage-container{margin:0;overflow-x:hidden;padding:0;position:relative;width:100vw}.video-section{height:100vh;overflow:hidden;position:relative;width:100vw}.fullscreen-video{object-fit:cover;z-index:-1;z-index:var(--z-background)}.fullscreen-video,.landing-content{height:100%;left:0;position:absolute;top:0;width:100%}.landing-content{align-items:center;display:flex;justify-content:center;z-index:1;z-index:var(--z-base)}.btn-primary{background:var(--primary-gradient);border:none;color:var(--white);cursor:pointer;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.join-button{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-2xl);padding:var(--spacing-2xl) var(--spacing-3xl)}.video-join-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-size:var(--font-base);padding:var(--spacing-md) var(--spacing-2xl)}.video-join-btn:hover{border-color:var(--white-30)}.submit-button{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;font-size:var(--font-base);gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,var(--white-20),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.submit-button:hover:before{left:100%}.submit-button:hover{box-shadow:var(--shadow-lg)}.button-text{font-weight:600}.button-icon{font-size:var(--font-2xl);transition:transform var(--transition-fast)}.submit-button:hover .button-icon{transform:translateX(4px)}.supabase-status{background:var(--dark-bg);border:1px solid var(--white-20);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.status-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.status-item:last-child{margin-bottom:0}.status-label{color:var(--white-70);font-weight:500}.status-value{border-radius:var(--radius-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.status-value.success{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-value.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.status-value.loading{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.center-title{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:var(--z-base)}.main-title{color:var(--primary-color);font-family:Super Dream,sans-serif;font-size:var(--font-4xl);font-weight:400;line-height:1;margin:0;text-align:center;text-shadow:0 0 30px var(--primary-50)}.scroll-indicator{bottom:var(--spacing-xl);left:50%;position:absolute;transform:translateX(-50%);z-index:var(--z-base)}.scroll-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white-10);border:2px solid var(--white-30);border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;height:60px;justify-content:center;transition:all var(--transition-fast);width:60px}.scroll-arrow:hover{background:var(--white-15);border-color:var(--white-50);transform:translateY(-5px)}.arrow-down{animation:bounce 2s infinite;font-size:var(--font-lg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.features-section{align-items:center;background:var(--dark-gradient);justify-content:center;min-height:100vh;padding:var(--spacing-5xl) var(--spacing-xl);position:relative}.features-container,.features-section{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.features-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);text-align:center}.features-title{color:var(--primary-color);font-family:Super Dream,sans-serif;font-size:var(--font-5xl);font-weight:400;margin:0;text-shadow:0 0 20px var(--primary-30)}.features-description{color:var(--white-90);font-size:1.5rem;line-height:1.6;margin:var(--spacing-lg) 0 var(--spacing-xl) 0;text-align:center;text-shadow:0 2px 4px var(--black-50)}@media (max-width:768px){.features-description{font-size:1.2rem}}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr;margin-top:var(--spacing-xl)}.feature-card,.features-grid{box-sizing:border-box;width:100%}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white-5);border:2px solid var(--primary-20);border-radius:var(--radius-lg);max-width:100%;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.feature-card:hover{background:var(--white-8);border-color:var(--primary-color);box-shadow:var(--shadow-2xl);transform:translateY(-10px)}.feature-icon{display:block;font-size:var(--spacing-3xl);margin-bottom:var(--spacing-lg)}.feature-title{color:var(--white);font-size:var(--font-3xl);font-weight:600;margin:0 0 var(--spacing-md) 0}.feature-description{color:var(--white-80);font-size:var(--font-sm);line-height:1.6;margin:0}.section-divider{background:linear-gradient(90deg,#0000 0,var(--primary-30) 20%,var(--primary-color) 50%,var(--primary-30) 80%,#0000 100%);height:1px;margin:var(--spacing-5xl) auto;width:80%}.join-container{max-width:600px;text-align:center}.join-title{color:var(--primary-color);font-family:Super Dream,sans-serif;font-size:var(--font-5xl);font-weight:400;margin:0 0 var(--spacing-lg) 0;text-shadow:0 0 20px var(--primary-30)}.join-description{color:var(--white-90);font-size:var(--font-base);line-height:1.6;margin:0 0 var(--spacing-2xl) 0;text-shadow:0 2px 4px var(--black-50)}.video-join-button{bottom:var(--spacing-5xl);left:50%;margin-bottom:100px;position:absolute;transform:translateX(-50%);z-index:var(--z-base)}.form-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--black-70);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-overlay)}.form-overlay-content{animation:slideUp var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--black-95);border:2px solid var(--primary-20);border-radius:var(--radius-xl);box-shadow:var(--shadow-3xl),0 0 0 1px var(--primary-10);max-width:90%;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center;width:90%}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--white-70);cursor:pointer;display:flex;font-size:var(--spacing-xl);height:var(--spacing-2xl);justify-content:center;line-height:1;padding:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast);width:var(--spacing-2xl)}.close-button:hover{background:#ef44441a;color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:var(--spacing-lg)}.form-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:var(--spacing-xl);font-weight:800;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 8px var(--primary-20)}.form-subtitle{color:var(--white-70);font-size:var(--font-xs);font-weight:500;letter-spacing:2px;margin:0;text-transform:uppercase}.email-form{width:100%}.user-type-toggle{background:var(--primary-10);border:2px solid var(--primary-20);border-radius:var(--radius-md);display:flex;margin-bottom:var(--spacing-lg);padding:4px}.toggle-option{cursor:pointer;flex:1 1;position:relative}.toggle-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.toggle-label{align-items:center;border-radius:var(--radius-sm);color:var(--white-70);display:flex;font-size:var(--font-xs);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.toggle-option.active .toggle-label{background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:var(--white)}.toggle-icon{font-size:var(--font-2xl)}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--black-80);border:2px solid var(--primary-20);border-radius:var(--radius-md);box-sizing:border-box;color:var(--white);font-size:var(--font-base);outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.form-input::placeholder{color:var(--white-50)}.form-input:focus{background:var(--black-95);border-color:var(--primary-60);box-shadow:0 0 0 3px var(--primary-20)}.input-group{margin-bottom:var(--spacing-md);position:relative}.input-wrapper{align-items:center;display:flex;position:relative}.form-input.valid{background:#10b9810d;border-color:#10b981;padding-right:calc(var(--spacing-2xl) + var(--spacing-lg))}.form-input.valid:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.form-input.invalid{background:#ef44440d;border-color:#ef4444;padding-right:calc(var(--spacing-2xl) + var(--spacing-lg))}.form-input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.input-icon{font-size:1.5rem;font-weight:700;line-height:1;pointer-events:none;position:absolute;right:var(--spacing-lg);z-index:1}.input-icon.valid{color:#10b981}.input-icon.invalid{color:#ef4444}.validation-message{animation:slideDown var(--transition-fast) ease-out;font-size:var(--font-sm);font-weight:500;margin-top:var(--spacing-xs);padding-left:15px;text-align:left}.validation-message.valid{color:#10b981}.validation-message.invalid{color:#ef4444}.validation-text{display:block}.error-messages{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.error-message{color:#ef4444;font-size:var(--font-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.error-message:last-child{margin-bottom:0}.success-message{animation:slideInSuccess var(--transition-fast) ease-out;flex-direction:column;text-align:center}.success-check-large,.success-message{align-items:center;display:flex;justify-content:center}.success-check-large{animation:checkmarkPopLarge .8s ease-out;background:#22c55e;border-radius:50%;box-shadow:0 8px 32px #22c55e4d;height:80px;margin-bottom:var(--spacing-lg);position:relative;width:80px}.success-check-large:before{animation:checkmarkFadeIn .4s ease-out .4s both;color:#fff;content:"✓";font-size:40px;font-weight:700}.success-text{color:#22c55e;font-size:var(--font-4xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xl)}.close-success-button{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:#22c55e;cursor:pointer;font-size:var(--font-base);font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.close-success-button:hover{background:#22c55e33;border-color:#22c55e80;transform:translateY(-1px)}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid var(--white-30);border-radius:50%;border-top-color:var(--white);display:inline-block;height:20px;margin-right:var(--spacing-sm);width:20px}@keyframes spin{to{transform:rotate(1turn)}}.success-check{animation:checkmarkPop .6s ease-out;background:#22c55e;border-radius:50%;display:inline-block;height:20px;margin-right:var(--spacing-sm);position:relative;width:20px}.success-check:before{animation:checkmarkDraw .3s ease-out .3s both;height:2px;left:6px;top:10px;width:6px}.success-check:after,.success-check:before{background:#fff;content:"";position:absolute;transform:rotate(45deg)}.success-check:after{animation:checkmarkDraw .3s ease-out .4s both;height:6px;left:8px;top:8px;width:2px}@keyframes checkmarkPopLarge{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.form-content{transition:all var(--transition-fast)}.form-content.loading{opacity:.7;pointer-events:none}.form-content.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.btn-primary:disabled,.close-button:disabled,.form-input:disabled{cursor:not-allowed;opacity:.6}.btn-primary:disabled:hover{background:var(--primary-gradient);box-shadow:var(--shadow-md);transform:none}.form-input:disabled{background:var(--black-70);color:var(--white-50)}.close-button:disabled:hover{background:none;color:var(--white-70)}@media (min-width:768px){.main-title{font-size:var(--font-9xl)}.features-title{font-size:var(--spacing-3xl)}.features-grid{gap:var(--spacing-3xl);grid-template-columns:repeat(1,1fr)}.feature-card{margin:0 auto;max-width:600px;padding:var(--spacing-3xl) var(--spacing-xl)}.feature-icon{font-size:var(--spacing-4xl)}.feature-description,.feature-title{font-size:var(--font-lg)}.join-title{font-size:var(--spacing-3xl)}.join-description{font-size:var(--font-2xl)}.join-button{font-size:var(--font-3xl);padding:var(--spacing-lg) var(--spacing-5xl)}.video-join-btn{font-size:var(--font-lg);padding:var(--font-xl) var(--spacing-2xl)}.video-join-button{margin-bottom:30px}.scroll-arrow{height:40px;width:40px}.arrow-down{font-size:var(--font-lg)}.form-overlay-content{max-width:500px;padding:var(--spacing-3xl) var(--spacing-2xl)}.form-title{font-size:var(--spacing-xl)}.form-subtitle{font-size:var(--font-base)}.toggle-label{font-size:var(--font-sm);padding:var(--font-xs) var(--font-2xl)}.form-input{font-size:var(--font-lg);padding:var(--font-xl) var(--spacing-lg)}.submit-button{font-size:var(--font-lg);padding:var(--font-xl) var(--spacing-xl)}}@media (min-width:1024px){.main-title{font-size:var(--font-10xl)}.features-title{font-size:var(--spacing-4xl)}.features-grid{gap:var(--spacing-4xl);grid-template-columns:repeat(3,1fr)}.feature-card{padding:var(--spacing-4xl) var(--spacing-2xl)}.feature-icon{font-size:var(--spacing-5xl)}.feature-title{font-size:var(--spacing-xl)}.feature-description{font-size:var(--font-xl)}.join-title{font-size:var(--spacing-4xl)}.join-button,.join-description{font-size:var(--spacing-lg)}.join-button{padding:var(--spacing-lg) var(--spacing-4xl)}.video-join-button{margin-bottom:20px}.scroll-arrow{height:40px;width:40px}.arrow-down{font-size:var(--font-lg)}.form-overlay-content{max-width:520px;padding:var(--spacing-4xl) var(--spacing-3xl)}.form-title{font-size:var(--spacing-xl)}.form-subtitle,.toggle-label{font-size:var(--font-base)}.toggle-label{padding:var(--spacing-md) var(--spacing-lg)}.form-input{font-size:var(--font-xl);padding:var(--spacing-lg) var(--spacing-lg)}.submit-button{font-size:var(--font-xl);padding:var(--spacing-lg) var(--spacing-xl)}}@media (max-width:480px){.main-title{font-size:var(--spacing-5xl)}.features-title{font-size:var(--spacing-xl)}.features-section{padding:var(--spacing-3xl) var(--spacing-sm)}.features-container{padding:0 var(--spacing-xs)}.features-grid{gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg) var(--spacing-md)}.feature-icon{font-size:var(--spacing-2xl)}.feature-title{font-size:var(--font-xl)}.feature-description{font-size:1.2rem}.join-title{font-size:var(--spacing-xl)}.join-button,.join-description{font-size:var(--font-sm)}.join-button{min-height:44px;padding:var(--font-xs) var(--spacing-xl)}.video-join-btn{align-items:center;display:flex;font-size:var(--font-sm);justify-content:center;min-height:48px;min-width:200px;padding:var(--spacing-md) var(--spacing-2xl);white-space:nowrap}.video-join-button{bottom:var(--spacing-3xl);margin-bottom:var(--spacing-4xl)}.scroll-arrow{height:45px;min-height:44px;width:45px}.arrow-down{font-size:var(--font-2xl)}.form-overlay-content{border:none;border-radius:0;box-shadow:none;box-sizing:border-box;height:100vh;margin:0;max-width:100%;overflow-y:auto;padding:var(--spacing-5xl) var(--spacing-xl)}.form-content,.form-overlay-content{align-items:center;display:flex;flex-direction:column;width:100%}.form-content{justify-content:center;max-width:400px}.form-header{margin-bottom:var(--spacing-xl);margin-top:0;text-align:center}.form-title{font-size:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.form-subtitle{font-size:var(--font-xs)}.user-type-toggle{margin-bottom:var(--spacing-xl);width:100%}.toggle-label{font-size:var(--font-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.form-fields{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}.form-input{font-size:var(--font-base);min-height:48px;padding:var(--spacing-md) var(--spacing-lg);width:100%}.email-form{align-items:center;display:flex;flex-direction:column;width:100%}.submit-button{font-size:var(--font-base);margin:0;margin-top:var(--spacing-lg);min-height:48px;padding:var(--spacing-md) var(--spacing-lg);width:100%}.close-button{align-items:center;background:var(--white-10);border-radius:var(--radius-full);display:flex;font-size:var(--spacing-xl);height:var(--spacing-3xl);justify-content:center;line-height:1;min-height:44px;padding:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);width:var(--spacing-3xl);z-index:var(--z-modal)}}body{overflow-x:hidden}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;overflow-y:auto;padding:0}html{scroll-behavior:smooth}@media (max-width:768px){.homepage-container{min-width:320px;overflow-x:hidden;width:100%}.features-section,.video-section{min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}.features-section{padding:var(--spacing-4xl) var(--spacing-md)}.features-container{max-width:100%;padding:0 var(--spacing-sm)}.features-grid{gap:var(--spacing-xl);grid-template-columns:1fr;max-width:100%;width:100%}.feature-card{box-sizing:border-box;max-width:100%;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.close-button,.form-input,.join-button,.scroll-arrow,.submit-button,.toggle-label{-webkit-tap-highlight-color:var(--black-10);touch-action:manipulation}.form-input{font-size:16px}.features-section,.video-section{-webkit-overflow-scrolling:touch}}
/*# sourceMappingURL=main.da80ef91.css.map*/