@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24..48,100..700,0..1,-50..200";.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-form{width:100%;max-width:600px;padding:1.5rem}.login-form h1{margin:0;font-size:2.5rem;color:#e6405a;margin-bottom:.5rem;font-weight:700;line-height:1.2}.login-subtitle{color:#6b7280;margin-bottom:1rem;font-size:1.1rem;font-weight:400;line-height:1.5}.form-group{margin-bottom:.875rem}.form-group label{display:block;margin-bottom:.375rem;color:#374151;font-weight:500;font-size:.85rem}.form-group input{width:100%;padding:.75rem .875rem;border:2px solid #E6405A;border-radius:12px;font-size:.9rem;transition:all .3s ease;background-color:#fff;color:#374151;height:42px;box-sizing:border-box}.form-group input:focus{border-color:#e6405a;outline:none;box-shadow:0 0 0 4px #e6405a26;transform:translateY(-1px)}.form-group input.error{border-color:#e6405a;background-color:#e6405a0d}.password-input-container{position:relative}.toggle-password{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toggle-password svg{fill:#9ca3af;transition:fill .2s ease}.toggle-password:hover svg{fill:#e6405a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.remember-me{display:flex;align-items:center;gap:.75rem;color:#374151;font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#E6405A;cursor:pointer;border-radius:4px}.forgot-password{color:#e6405a;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.forgot-password:hover{color:#d63450;text-decoration:underline}.error-message{color:#e6405a;font-size:.875rem;margin-top:.5rem;font-weight:500}.login-button{width:100%;padding:.75rem;background-color:#e6405a;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:.875rem;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.login-button:hover:not(:disabled){background-color:#d63450;transform:translateY(-2px);box-shadow:0 0 0 4px #e6405a26;box-shadow:0 8px 25px #e6405a4d}.login-button:disabled{background-color:#fda4af;cursor:not-allowed;transform:none;box-shadow:none}.signup-link{text-align:center;color:#374151;font-size:.95rem}.signup-link a{color:#e6405a;text-decoration:none;font-weight:600;margin-left:.25rem;transition:all .2s ease}.signup-link a:hover{color:#d63450;text-decoration:underline}@media(max-width:640px){.login-container{padding:16px}.login-form{padding:1.5rem}.login-form h1{font-size:2rem}.login-subtitle{font-size:1rem;margin-bottom:2rem}.form-group input{height:52px;padding:.875rem 1rem}.login-button{height:52px;padding:1rem;font-size:1rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}@media(max-width:480px){.login-form{padding:1rem}.login-form h1{font-size:1.75rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem}}.forgot-password-text{color:#374151;font-size:.95rem}.illustration-container{text-align:center;margin:2rem 0}.illustration-image{max-width:100%;height:auto;border-radius:12px;opacity:.8}.back-to-login{text-align:center;margin-top:1rem}.back-to-login a{color:#e6405a;text-decoration:none;font-weight:500;transition:all .2s ease}.back-to-login a:hover{color:#d63450;text-decoration:underline}@media(max-width:640px){.illustration-container{margin:1.5rem 0}.illustration-image{max-width:80%}}.register-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.875rem}.register-form-column{display:flex;flex-direction:column;gap:.875rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;color:#374151;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.875rem}.terms-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#E6405A;cursor:pointer;border-radius:4px;margin-top:2px}.register-links{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.8rem;color:#374151}.register-link-left,.register-link-right{display:flex;align-items:center;gap:.25rem}@media(max-width:768px){.register-form-grid{grid-template-columns:1fr;gap:1.5rem}.register-form-column{gap:1.5rem}.register-links{flex-direction:column;gap:1rem;align-items:center;text-align:center}}@media(max-width:480px){.register-form-grid,.register-form-column{gap:1.25rem}.terms-checkbox{font-size:.9rem;margin-bottom:1.5rem}.register-links{font-size:.9rem;margin-top:1rem}}.generate-token-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.generate-token-text{color:#374151;font-size:.85rem}.generate-token-link{color:#e6405a;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s ease;background:none;border:none;padding:0;cursor:pointer}.generate-token-link:hover{color:#d63450;text-decoration:underline}.generate-token-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.activate-buttons{display:flex;gap:1rem;margin-bottom:1.25rem}.secondary-button{flex:1;padding:.75rem;background-color:#6b7280;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.secondary-button:hover:not(:disabled){background-color:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px #6b72804d}.secondary-button:disabled{background-color:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:640px){.activate-buttons{flex-direction:column;gap:.875rem}.generate-token-container{flex-direction:column;gap:.5rem;align-items:flex-start}}
