@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}body{color:#fff;background:#0b0f1a}:root{--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--accent:#7c3aed;--cta-primary:#2563eb;--cta-secondary:transparent;--bg-dark-start:#0b0f1a;--bg-dark-mid:#111b3a;--bg-dark-end:#1e1a4a;--bg-gradient-accent:#3b1e8e;--text-white:#fff;--text-muted:#94a3b8;--text-light:#cbd5e1;--nav-bg:#0b0f1a99;--banner-bg:#1e2850b3;--border-subtle:#ffffff14;--glass-bg:#ffffff0a;--shadow-glow:0 0 60px #3b82f626;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-mid:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.landingPageContainer{background:linear-gradient(165deg, var(--bg-dark-start) 0%, var(--bg-dark-mid) 30%, var(--bg-dark-end) 60%, var(--bg-gradient-accent) 100%);width:100%;min-height:100vh;color:var(--text-white);position:relative;overflow:hidden}.landingPageContainer:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:800px;height:800px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.landingPageContainer:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-10%;right:-10%}.landingPageContainer .mouse-glow{z-index:0;pointer-events:none;width:100%;height:100%;transition:background .1s ease-out;position:fixed;top:0;left:0}.landingPageContainer nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100;height:72px;transition:background var(--transition-mid);justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:relative;top:0;left:0;right:0}.navTitle{align-items:center;gap:.5rem;display:flex}.navTitle h2{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-white) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.landingPageContainer nav .navList{align-items:center;gap:2rem;display:flex}.navList p{color:var(--text-light);transition:color var(--transition-fast);cursor:pointer;padding:.25rem 0;font-size:.9rem;font-weight:500;position:relative}.navList p:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition-mid);border-radius:1px;position:absolute;bottom:-2px;left:0}.navList p:hover{color:var(--text-white)}.navList p:hover:after{width:100%}.navActions{align-items:center;gap:.75rem;display:flex}.navList div[role=button].btn-outline,.btn-outline{border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;padding:.5rem 1.25rem}.btn-outline:hover{border-color:var(--primary-light);background:#3b82f614}.btn-outline p{color:var(--text-white);font-size:.875rem;font-weight:600}.btn-outline p:hover{color:var(--text-white)}.btn-outline p:after{display:none}.navList div[role=button].btn-primary,.btn-primary{background:var(--cta-primary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;padding:.5rem 1.25rem;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.btn-primary p{color:var(--text-white);font-size:.875rem;font-weight:600}.btn-primary p:hover{color:var(--text-white)}.btn-primary p:after{display:none}.announcementBanner{background:var(--banner-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:center;align-items:center;gap:.75rem;margin-top:72px;padding:.65rem 1.5rem;display:flex;position:relative}.announcementBanner p{color:var(--text-light);font-size:.85rem;font-weight:400}.announcementBanner .learnMoreBtn{background:var(--primary);color:var(--text-white);cursor:pointer;transition:background var(--transition-fast);border-radius:4px;align-items:center;gap:.25rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.announcementBanner .learnMoreBtn:hover{background:var(--primary-dark)}.announcementBanner .closeBtn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;position:absolute;right:1.5rem}.announcementBanner .closeBtn:hover{color:var(--text-white)}.landingMainContainer{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 114px);padding:4rem 2rem 6rem;display:flex;position:relative}.mainContainText{flex-direction:column;align-items:center;max-width:720px;display:flex}.mainContainText h1{letter-spacing:-1.5px;color:var(--text-white);margin-bottom:1.5rem;font-size:3.75rem;font-weight:700;line-height:1.12}.mainContainText h1 span{color:var(--text-white)!important}.mainContainText p{color:var(--text-muted);max-width:580px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.heroCTAGroup{align-items:center;gap:1rem;display:flex}.heroCTAGroup .btn-hero-primary{background:var(--cta-primary);color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;padding:.85rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #2563eb59}.heroCTAGroup .btn-hero-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb73}.heroCTAGroup .btn-hero-secondary{color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;padding:.85rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.heroCTAGroup .btn-hero-secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}.mainContainText div[role=button]{background:0 0;border-radius:0;width:auto;padding:0}.mainContainText div[role=button] a{background:var(--cta-primary);color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;padding:.85rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #2563eb59}.mainContainText div[role=button] a:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb73}@media (width<=1024px){.landingPageContainer nav{padding:0 2rem}.mainContainText h1{letter-spacing:-1px;font-size:2.75rem}.mainContainText p{font-size:1rem}}@media (width<=768px){.landingPageContainer nav{height:64px;padding:0 1.25rem}.announcementBanner{flex-wrap:wrap;margin-top:64px;padding:.5rem 1rem}.announcementBanner .closeBtn{right:.75rem}.landingMainContainer{min-height:calc(100vh - 102px);padding:3rem 1.5rem 4rem}.mainContainText h1{letter-spacing:-.5px;font-size:2.25rem}.mainContainText p{font-size:.95rem}.heroCTAGroup{flex-direction:column;width:100%}.heroCTAGroup .btn-hero-primary,.heroCTAGroup .btn-hero-secondary{width:100%}.navList p.nav-link-hide-mobile{display:none}}@media (width<=480px){.landingPageContainer nav{padding:0 1rem}.navTitle h2{font-size:1.25rem}.navList{gap:.75rem!important}.mainContainText h1{font-size:1.85rem}.mainContainText p{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-container{background-color:#fff;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.auth-left{background:linear-gradient(165deg, var(--bg-dark-start) 0%, var(--bg-dark-mid) 30%, var(--bg-dark-end) 60%, var(--bg-gradient-accent) 100%);color:var(--text-white);flex-direction:column;flex:1;justify-content:center;padding:3rem;display:none;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 60%);width:600px;height:600px;position:absolute;top:10%;left:20%}.auth-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:0;right:0}@media (width>=900px){.auth-left{display:flex}}.auth-right{background-color:#fff;flex-direction:column;flex:1;padding:1.5rem;display:flex;position:relative}@media (width>=900px){.auth-right{padding:2rem 3rem}}.auth-header{justify-content:flex-end;align-items:center;width:100%;display:flex}.auth-logo{color:var(--primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:700;text-decoration:none}.auth-logo-floating{z-index:50;position:absolute;top:1rem;left:1rem}@media (width>=900px){.auth-logo-floating{background:linear-gradient(135deg, var(--text-white) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;top:2.5rem;left:3rem}}.auth-header-links{color:#4b5563;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.auth-header-links a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .15s}.auth-header-links a:hover{color:var(--primary-dark);text-decoration:underline}.auth-form-wrapper{flex:1;align-items:center;padding:2rem 0;display:flex}.auth-form-container{flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-title{color:#111827;text-align:center;letter-spacing:-.5px;margin-bottom:2rem;font-size:2.25rem;font-weight:700}.auth-input-group{margin-bottom:1.5rem;position:relative}.auth-input{color:#111827;background-color:#0000;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.auth-input::placeholder{color:#9ca3af}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.auth-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.auth-btn:hover:not(.auth-btn-disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.auth-btn-disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background-color:#f3f4f6}.auth-divider{text-align:center;color:#6b7280;align-items:center;gap:.5rem;margin:2rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.auth-divider:before{margin-right:.75rem}.auth-divider:after{margin-left:.75rem}.social-login-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-btn{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.social-btn:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.social-btn svg{width:20px;height:20px}.auth-hero-card{z-index:10;-webkit-backdrop-filter:blur(20px);background:#1e285066;border:1px solid #ffffff1a;border-radius:20px;max-width:540px;margin:0 auto;padding:3.5rem;position:relative;box-shadow:0 24px 48px #0000004d}.auth-hero-label{letter-spacing:.5px;text-transform:uppercase;border:1.5px solid #fff6;border-radius:24px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.landing-text-gradient{color:var(--text-white);letter-spacing:-1px;margin-bottom:1.25rem;font-size:3rem;font-weight:700;line-height:1.15}.auth-hero-card p{color:var(--text-light);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.signup-panel-content{z-index:10;width:100%;position:relative}.signup-illustration-container{justify-content:center;margin-bottom:2rem;display:flex}.signup-perks-card{color:#111827;background:#fff;border-radius:20px;max-width:480px;margin:0 auto;padding:2.5rem 3rem;box-shadow:0 24px 48px #0003}.signup-perks-card h2{letter-spacing:-.5px;margin-bottom:1.75rem;font-size:1.5rem;font-weight:700}.signup-perks-list{margin:0;padding:0;list-style:none}.signup-perks-list li{color:#374151;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.95rem;font-weight:500;display:flex}.signup-perks-list li svg{color:#10b981;flex-shrink:0}.disclaimer{color:#6b7280;margin-top:1rem;font-size:.75rem;line-height:1.5}.disclaimer a{color:var(--primary);text-decoration:none}.disclaimer a:hover{text-decoration:underline}.forgot-password{text-align:center;color:var(--primary);margin-top:2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:block}.forgot-password:hover{text-decoration:underline}.auth-footer-links{justify-content:center;gap:1.5rem;display:flex;position:absolute;bottom:2rem;left:0;right:0}.auth-footer-links a{color:#6b7280;font-size:.85rem;text-decoration:none;transition:color .2s}.auth-footer-links a:hover{color:#374151}@media (width<=480px){.auth-header-links span{display:none}}