@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--color-primary:#dc16b4;--color-primary-hover:#b8138f;--color-background:#ffffff;--color-foreground:#1a1a1a;--color-muted-foreground:#6b7280;--color-border:#d1d5db;--color-input-border:#d1d5db;--color-success:#10b981;--color-error:#ef4444;--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0}.login-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:var(--color-background);border-bottom:1px solid #f3f4f6;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-logo{height:100px;width:auto;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px}.nav-link{color:var(--color-muted-foreground);text-decoration:none;font-weight:400;transition:color .2s ease}.nav-link:hover{color:var(--color-foreground)}.nav-link.primary{color:var(--color-primary);font-weight:500}.nav-link.primary:hover{color:var(--color-primary-hover)}.login-container{background:var(--color-background);position:relative;margin-top:140px}.login-card,.login-container{min-height:calc(100vh - 80px);display:flex}.login-card{width:100%}.login-illustration-panel{flex:1;background:var(--color-background);display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden;color:var(--color-foreground)}.illustration-content{max-width:480px;text-align:center;z-index:2}.brand-logo-large{width:200px;height:auto;margin-bottom:40px}.feedback-tagline{font-size:24px;font-weight:300;margin:0 0 20px;line-height:1.4;opacity:.95}.feedback-description{font-size:16px;opacity:.8;line-height:1.6;max-width:350px;margin:0 auto}.decorative-elements{position:absolute;inset:0;pointer-events:none}.decorative-elements:before{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;top:-100px;right:-100px;animation:float 20s ease-in-out infinite}.decorative-elements:after{content:"";position:absolute;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-50px;left:-50px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-form-panel{flex:1;padding:80px 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px}.login-form-content{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:48px;font-weight:400;color:var(--color-foreground);margin:0 0 20px;line-height:1.1}.login-form{gap:20px;margin-bottom:32px}.form-group,.login-form{display:flex;flex-direction:column}.form-group input{padding:16px 20px;border:1px solid var(--color-input-border);border-radius:6px;font-size:16px;font-family:var(--font-family);background:var(--color-background);color:var(--color-foreground);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(220,22,180,.1)}.form-group input::placeholder{color:var(--color-muted-foreground);opacity:.7}.password-input-container{position:relative}.password-input-container input{padding-right:50px;width:100%}.password-toggle-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--color-muted-foreground);padding:4px;border-radius:4px;transition:color .2s ease}.password-toggle-btn:hover{color:var(--color-primary)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.forgot-password a{font-size:14px;color:var(--color-primary);text-decoration:none;font-weight:500}.forgot-password a:hover{text-decoration:underline}.help-link{font-size:14px;color:var(--color-primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:4px}.help-link:hover{text-decoration:underline}.login-submit-button{background:var(--color-primary);color:white;font-weight:600;font-size:16px;padding:16px 24px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;width:100%}.login-submit-button:hover{background:var(--color-primary-hover)}.login-submit-button:active{transform:translateY(1px)}.login-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.stay-signed-in{display:flex;align-items:center;gap:8px;margin:20px 0;font-size:14px;color:var(--color-muted-foreground)}.stay-signed-in input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.auth-divider{margin:32px 0;text-align:center;color:var(--color-muted-foreground);font-size:14px}.social-auth-button,.social-auth-options{display:flex;gap:12px;justify-content:center}.social-auth-button{align-items:center;padding:16px 24px;border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;transition:all .2s ease;border-radius:8px;text-decoration:none;color:var(--color-foreground);flex:1;font-weight:500;min-height:54px}.social-auth-button:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-label{font-size:16px;font-weight:500}.legal-text{text-align:center;margin-top:40px;font-size:12px;color:var(--color-muted-foreground);line-height:1.5;max-width:380px}.legal-text a{color:var(--color-primary);text-decoration:none}.legal-text a:hover{text-decoration:underline}.loading-spinner{width:20px;height:20px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .75s linear infinite}.loading-spinner-large{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.account-created-message,.confirmation-message,.error-message,.success-message{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px;border:1px solid;display:flex;flex-direction:column;gap:8px}.error-message{background:#fef2f2;color:var(--color-error);border-color:#fecaca}.account-created-message,.success-message{background:#f0fdf4;color:var(--color-success);border-color:#bbf7d0}.confirmation-message{background:#fdf4ff;color:var(--color-primary);border-color:#f3e8ff}.resend-confirmation-button{background:var(--color-primary);color:white;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;align-self:flex-start;display:flex;align-items:center;gap:6px;transition:all .2s ease}.resend-confirmation-button:hover{background:var(--color-primary-hover)}.resend-confirmation-button:disabled{opacity:.7;cursor:not-allowed}.success-icon{flex-shrink:0;color:var(--color-success)}.email-signin-container{display:flex;gap:12px;align-items:center}.signin-email-input{flex:1;padding:16px 20px;border:1px solid var(--color-input-border);border-radius:6px;font-size:16px;font-family:var(--font-family);background:var(--color-background);color:var(--color-foreground);transition:border-color .2s ease}.signin-email-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(220,22,180,.1)}.signin-submit-button{background:var(--color-primary);color:white;border:none;padding:16px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.signin-submit-button:hover{background:var(--color-primary-hover)}.signin-submit-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .75s linear infinite}@media (max-width:1024px){.login-form-panel{padding:60px 40px}.login-header h1{font-size:40px}.feedback-visual{width:320px;height:240px}}@media (max-width:768px){.login-nav{padding:16px 20px}.nav-links{gap:20px;font-size:13px}.login-card{flex-direction:column-reverse}.login-illustration-panel{flex:none;min-height:300px;padding:40px 20px}.brand-logo-large{width:150px;margin-bottom:30px}.feedback-tagline{font-size:20px}.feedback-description{font-size:14px}.login-form-panel{padding:40px 20px}.login-header h1{font-size:32px}.social-auth-options{flex-wrap:wrap;gap:16px}}@media (max-width:480px){.login-form-panel{padding:30px 16px}.login-header h1{font-size:28px}.form-group input{padding:14px 16px;font-size:16px}.login-submit-button{padding:14px 20px;font-size:16px}.brand-logo-large{width:120px;margin-bottom:20px}.feedback-tagline{font-size:18px}.feedback-description{font-size:13px}.social-auth-options{flex-direction:column;gap:12px}.social-auth-button{flex:none;padding:14px 20px}}