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