: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: hsl(150, 80%, 45%);--error: hsl(350, 85%, 60%);--warning: hsl(35, 95%, 60%);--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)}#particles-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(3,199,179,.12) 0%,transparent 65%),radial-gradient(ellipse 60% 70% at 50% 50%,rgba(3,199,179,.07) 0%,transparent 70%),radial-gradient(ellipse 100% 40% at 50% 100%,rgba(3,199,179,.05) 0%,transparent 60%),radial-gradient(circle at 50% 10%,#1b5b4d66,#04231ef2 80%)}#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}.decoration-circle{position:absolute;border-radius:50%;filter:blur(100px);animation:float 20s ease-in-out infinite}.circle-1{width:600px;height:600px;background:#03c7b30f;top:-20%;right:-10%;animation:float 25s ease-in-out infinite}.circle-2{width:500px;height:500px;background:#1b5b4d1a;bottom:-15%;left:-10%;animation:float 30s ease-in-out infinite}.circle-3{display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.auth-container{width:100%;max-width:480px;position:relative;z-index:1}.register-container{max-width:560px}.auth-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:3.5rem 2.5rem 2.5rem;box-shadow:0 10px 40px #00000059;position:relative;overflow:visible!important;isolation:isolate}.auth-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.03);pointer-events:none;z-index:10}.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}.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 0 -100px 0)}.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-size:1rem;font-family:var(--font-body);transition:all var(--transition-normal);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:var(--accent);color:var(--color-darkest);border:1px solid var(--accent);border-radius:30px;font-family:var(--font-heading);font-size:.95rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;margin-top:.5rem;text-decoration:none}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled){background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 25px #03c7b399;transform:translateY(-2px)}.btn-primary:hover:not(:disabled):after{left:150%}.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}.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}.remove-member-btn svg{width:16px;height:16px}.member-fields{display:flex;flex-direction:column;gap:.5rem}.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:linear-gradient(135deg,var(--success),hsl(160,80%,45%));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}.auth-card{padding:1.5rem;border-radius:var(--radius-md)}.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}}@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)}}