:root{--color-darkest:#04231e;--color-dark:#1b5b4d;--color-mid:#128c7d;--color-accent:#03c7b3;--color-text:#fbfffe;--rgb-darkest:4, 35, 30;--rgb-dark:27, 91, 77;--rgb-mid:18, 140, 125;--rgb-accent:3, 199, 179;--rgb-text:251, 255, 254;--bg-primary:#04231e;--bg-secondary:#04231e;--ui-panel:#04231e73;--glass-bg:#1b5b4d40;--glass-border:#03c7b340;--accent:#03c7b3;--text-primary:#fbfffe;--text-muted:#b8c2c0;--text-secondary:#fbfffeb3;--glow-subtle:0 0 10px #03c7b34d;--glow-mid:0 0 20px #03c7b366;--glow-strong:0 0 30px #03c7b399;--accent-05:#03c7b30d;--accent-08:#03c7b314;--accent-10:#03c7b31a;--accent-15:#03c7b326;--accent-20:#03c7b333;--accent-25:#03c7b340;--accent-30:#03c7b34d;--accent-35:#03c7b359;--accent-50:#03c7b380;--accent-60:#03c7b399;--dark-40:#04231e66;--dark-60:#04231e99;--dark-80:#04231ecc;--dark-95:#04231ef2;--success:var(--color-accent);--error:var(--text-muted);--warning:var(--color-mid);--font-body:"Inter", sans-serif;--font-heading:"Montserrat", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px}::selection{color:var(--text-primary);background:#03c7b340}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-35);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-60)}#smooth-wave-bg{z-index:0;background-color:var(--color-darkest);pointer-events:none;position:fixed;inset:0;overflow:hidden}#smooth-wave-bg:before{content:"";filter:blur(80px);opacity:.8;background:radial-gradient(#03c7b326 0%,#0000 60%);width:140%;height:140%;position:absolute;top:-20%;left:-10%;transform:rotate(-15deg)}#smooth-wave-bg:after{content:"";filter:blur(100px);opacity:.7;background:radial-gradient(#128c7d33 0%,#0000 70%);width:120%;height:100%;position:absolute;bottom:-30%;right:-20%;transform:rotate(20deg)}#root{z-index:10;position:relative}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-container{z-index:1;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.register-container{max-width:560px}.auth-card{background:var(--color-darkest);-webkit-backdrop-filter:blur(20px)saturate(150%);border-radius:var(--radius-lg);isolation:isolate;border:1px solid #03c7b34d;width:100%;max-width:480px;padding:3.5rem 2.5rem 2.5rem;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 10px 40px #00000059;overflow:visible!important}.auth-card:hover{border-color:#03c7b399;box-shadow:0 10px 30px #00000080}.auth-card:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.register-card{padding:3.5rem 2.5rem 2rem}.logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), var(--color-mid));border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-darkest);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #03c7b34d}.logo-icon svg{width:28px;height:28px}.logo-text{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900}.logo-img{object-fit:contain;filter:drop-shadow(0 0 10px #03c7b333);width:auto;height:45px;transition:transform var(--transition-normal)}.logo-img:hover{transform:scale(1.05)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-header p{color:var(--text-muted);font-size:.95rem}.progress-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.progress-step{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.step-number{background:var(--dark-80);border:1px solid var(--glass-border);width:44px;height:44px;font-family:var(--font-heading);color:var(--text-muted);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0006}.step-number svg{width:18px;height:18px}.progress-step.active .step-number{background:var(--accent);border-color:var(--accent);color:var(--color-darkest);box-shadow:var(--glow-mid)}.progress-step.completed .step-number{background:var(--success);color:#fff;border-color:#0000}.step-label{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;transition:color var(--transition-normal);font-size:.75rem;font-weight:600}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--text-primary)}.progress-line{width:60px;height:3px;transition:background var(--transition-normal);background:#03c7b326;border-radius:2px;margin:0 .5rem 1.75rem}.progress-line.active{background:linear-gradient(90deg, var(--success), var(--accent))}.stage-wrapper{clip-path:inset(-100px -30px);position:relative}.stage-slide{animation:.4s forwards slideIn}.stage-wrapper.forward .stage-slide{animation:.4s forwards slideInRight}.stage-wrapper.backward .stage-slide{animation:.4s forwards slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-header{text-align:center;margin-bottom:1.5rem}.stage-icon{background:var(--glass-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--accent);box-shadow:var(--glow-mid);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.stage-icon svg{width:32px;height:32px}.stage-icon.otp-icon{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-mid)}.stage-icon.team-icon{border-color:var(--success);color:var(--success);box-shadow:0 0 30px #14b86666}.stage-header h2{font-family:var(--font-heading);letter-spacing:2px;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.stage-header p{color:var(--text-muted);font-size:.9rem}.email-highlight{color:var(--accent);margin-top:.25rem;font-weight:500;display:block}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.form-group input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);background:#04231ecc;border-radius:4px;outline:none;padding:1rem 1.5rem;font-size:1rem}.form-group input::placeholder{color:var(--text-primary);opacity:.4}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 15px #03c7b34d,0 0 30px #03c7b31a}.otp-container{justify-content:center;gap:.75rem;margin:1rem 0;display:flex}.otp-input{border:2px solid var(--glass-border);width:52px;height:60px;color:var(--text-primary);font-family:var(--font-heading);text-align:center;transition:all var(--transition-fast);background:#04231ecc;border-radius:4px;outline:none;font-size:1.5rem;font-weight:700}.otp-input:focus{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 15px #03c7b34d,0 0 30px #03c7b31a}.otp-input:not(:placeholder-shown){border-color:var(--success)}.resend-section{text-align:center;margin-top:.5rem}.resend-section p{color:var(--text-muted);font-size:.875rem}.resend-timer{color:var(--text-muted)}.resend-btn{color:var(--accent);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500;text-decoration:underline}.resend-btn:hover{color:var(--text-primary)}.back-btn{border:1px solid var(--glass-border);width:100%;color:var(--accent);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);background:0 0;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.back-btn:hover{background:var(--accent-10);border-color:var(--accent);box-shadow:var(--glow-subtle)}.back-btn svg{flex-shrink:0;width:16px;height:16px}.field-error{color:var(--error);margin-top:.25rem;margin-bottom:.5rem;margin-left:.8rem;font-size:.75rem;animation:.3s forwards slideDownFade;display:block}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.member-form-group{flex-direction:column;width:100%;margin-bottom:.5rem;display:flex}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.password-toggle{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--accent)}.password-toggle svg{width:18px;height:18px}.btn-primary{-webkit-backdrop-filter:blur(12px)saturate(120%);width:100%;color:var(--text-primary);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#03c7b326;border:1px solid #03c7b366;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9rem 2.2rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.btn-primary:hover:not(:disabled){background:#03c7b34d;border-color:#03c7b3cc;transform:translateY(-2px);box-shadow:0 0 25px #03c7b380,0 8px 25px #0006}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary svg{width:20px;height:20px}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-secondary{border:1px solid var(--accent);width:100%;color:var(--text-primary);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);background:0 0;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9rem 2.2rem;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.btn-secondary:hover:not(:disabled){background:var(--accent-10);transform:translateY(-2px);box-shadow:0 0 15px #03c7b34d}.btn-secondary svg{width:20px;height:20px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #fbfffe4d;border-bottom-color:var(--text-primary);box-sizing:border-box;border-radius:50%;width:18px;height:18px;margin-right:.5rem;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-compact{border-radius:4px!important;padding:.75rem 1rem!important;font-size:.9rem!important}.spinner{border:2px solid #0000;border-top-color:var(--color-darkest);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--error);text-align:center;background:#f042421f;border:1px solid #f042424d;border-radius:4px;padding:.75rem 1rem;font-size:.875rem}.auth-footer{text-align:center;border-top:1px solid var(--glass-border);margin-top:1.5rem;padding-top:1.5rem}.auth-footer p{color:var(--text-muted);font-size:.9rem}.auth-link{color:var(--accent);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--text-primary);text-decoration:underline}.team-name-level-row{grid-column:1/-1;gap:1.5rem;margin-top:1rem;display:flex}@media (width<=640px){.team-name-level-row{flex-direction:column;gap:.75rem}}.team-form{gap:1rem}.leader-info{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#03c7b314;align-items:center;gap:1rem;padding:1rem;display:flex}.leader-edit-btn{border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;transition:all var(--transition-normal);color:var(--accent);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.leader-edit-btn:hover{background:var(--accent-15);border-color:var(--accent)}.leader-edit-btn svg{width:16px;height:16px}.leader-badge{background:var(--accent);color:var(--color-darkest);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:800}.leader-details{flex-direction:column;gap:.125rem;display:flex;overflow:hidden}.leader-name{color:var(--text-primary);font-weight:600}.leader-email{color:var(--text-muted);text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.members-section{margin-top:.5rem}.members-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.members-header h3{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-primary);font-size:1rem;font-weight:700}.add-member-btn{border:1px dashed var(--glass-border);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.7rem;font-weight:600;display:flex}.add-member-btn:hover{background:var(--accent-10);border-color:var(--accent)}.add-member-btn-large{background:var(--accent-05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px dashed var(--glass-border);width:100%;color:var(--accent);font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);border-radius:30px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:700;display:flex}.add-member-btn-large:hover{background:var(--accent-10);border-color:var(--accent);box-shadow:var(--glow-subtle);transform:translateY(-2px)}.add-member-btn-large svg{width:20px;height:20px}.add-member-btn svg{width:16px;height:16px}.member-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#04231e99;margin-bottom:.75rem;padding:1rem;animation:.3s slideIn}.member-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.member-number{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.remove-member-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--error);cursor:pointer;transition:all var(--transition-fast);background:#f042421f;border:none;justify-content:center;align-items:center;display:flex}.remove-member-btn:hover{background:#f0424240}.member-fields{flex-direction:column;gap:.5rem;display:flex}.remove-member-btn{border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.remove-member-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444;transform:scale(1.1);box-shadow:0 0 10px #ef44444d}.remove-member-btn svg{width:16px;height:16px}.member-fields input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:all var(--transition-fast);background:#04231ecc;border-radius:4px;outline:none;padding:.75rem 1rem}.member-fields input::placeholder{color:var(--text-primary);opacity:.4}.member-fields input:focus{border-color:var(--accent);box-shadow:0 0 15px #03c7b333}.dashboard-placeholder{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;max-width:400px;padding:3rem;box-shadow:0 10px 40px #00000059}.success-icon{border:1px solid var(--color-accent);color:#fff;background:#03c7b31a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 30px #1ae66f4d}.success-icon svg{width:40px;height:40px}.dashboard-card h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.dashboard-card p{color:var(--text-muted)}.coming-soon{color:var(--text-muted);margin-top:1rem;font-style:italic}.forgot-success{text-align:center}.team-name-header{text-transform:uppercase;display:block;font-family:var(--font-heading)!important;letter-spacing:2px!important;color:var(--text-primary)!important;margin-bottom:1rem!important;font-size:1rem!important;font-weight:700!important}.register-header{text-align:center}@media (width>=768px){.register-container,.register-card{max-width:780px}.auth-form:not(.team-form){grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}.auth-form:not(.team-form) .error-message,.auth-form:not(.team-form) .turnstile-container,.auth-form:not(.team-form) .btn-primary,.auth-form:not(.team-form) .btn-secondary,.auth-form:not(.team-form) .otp-container,.auth-form:not(.team-form) .resend-section{grid-column:1/-1}.auth-form:not(.team-form):has(.otp-container){flex-direction:column;align-items:center;max-width:420px;margin:0 auto;display:flex}:is(.auth-form:not(.team-form):has(.otp-container) .btn-primary,.auth-form:not(.team-form):has(.otp-container) .btn-secondary,.auth-form:not(.team-form):has(.otp-container) .error-message,.auth-form:not(.team-form):has(.otp-container) .resend-section){width:100%}.auth-form.team-form{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}.auth-form.team-form .leader-info,.auth-form.team-form .members-section,.auth-form.team-form .members-header,.auth-form.team-form .form-group,.auth-form.team-form .error-message,.auth-form.team-form .btn-primary{grid-column:1/-1}.auth-form.team-form{grid-template-columns:1fr 1fr}.member-fields{grid-template-columns:1fr 1fr 1fr;gap:.5rem 1rem;display:grid}.stage-header{grid-column:1/-1}}@media (width<=640px){.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-container{justify-content:center;align-items:center;width:100%;display:flex}.auth-card{border-radius:var(--radius-md);width:100%;margin:0 auto;padding:1.5rem}.logo-icon{width:40px;height:40px}.logo-icon svg{width:24px;height:24px}.logo-text,.auth-header h1{font-size:1.5rem}.otp-container{gap:.5rem}.otp-input{width:44px;height:52px;font-size:1.25rem}.progress-line{width:40px}.step-number{width:36px;height:36px;font-size:.85rem}.step-label{font-size:.7rem}.leader-info{flex-direction:column;align-items:flex-start;gap:.5rem;padding-right:3.5rem;position:relative}.leader-details{width:100%}.leader-name,.leader-email{word-break:break-word;white-space:normal}.leader-edit-btn{margin-left:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes oceanSwell{0%{transform:translateY(0)}to{transform:translateY(-6px)}}textarea,select{width:100%;font-family:var(--font-body);border-radius:4px;outline:none;padding:1rem 1.5rem;font-size:1rem;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important;background:#04231ecc!important}textarea:focus,select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 15px #03c7b34d,0 0 30px #03c7b31a!important}option{background:var(--color-darkest);color:var(--text-primary)}