.sign-in{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f9fafb}.sign-in__container{width:100%;max-width:400px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sign-in__header{margin-bottom:2rem;text-align:center}.sign-in__header h1{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.sign-in__header p{color:#6b7280}.sign-in__back{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;text-decoration:none;margin-bottom:1rem;font-size:.875rem}.sign-in__back:hover{color:#374151}.sign-in__error{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.sign-in__error .error-icon{width:1rem;height:1rem}.sign-in__social{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.sign-in__divider{position:relative;text-align:center;margin:1.5rem 0}.sign-in__divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e5e7eb}.sign-in__divider span{position:relative;background-color:#fff;padding:0 .75rem;color:#6b7280;font-size:.875rem}.sign-in__signup{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#6b7280}.sign-in__signup a{color:#2563eb;text-decoration:none;font-weight:500}.sign-in__signup a:hover{text-decoration:underline}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;background:none;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.social-button:hover{background-color:#f9fafb}.social-button:disabled{opacity:.7;cursor:not-allowed}.social-button svg{width:1.25rem;height:1.25rem}.social-button--google:hover{border-color:#4285f4}.social-button--facebook:hover{border-color:#1877f2}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-wrapper{position:relative}.input-wrapper .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.input-wrapper input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-wrapper input.error{border-color:#dc2626}.input-wrapper input.error:focus{box-shadow:0 0 0 2px #dc26261a}.input-wrapper input:disabled{background-color:#f9fafb;cursor:not-allowed}.input-error{display:block;color:#dc2626;font-size:.75rem;margin-top:.5rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;background:none;border:none;color:#9ca3af;cursor:pointer}.password-toggle:hover{color:#6b7280}.password-toggle svg{width:1.25rem;height:1.25rem}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem;cursor:pointer}.remember-me input[type=checkbox]{width:1rem;height:1rem;border-radius:4px;border:1px solid #e5e7eb;cursor:pointer}.remember-me input[type=checkbox]:checked{background-color:#2563eb;border-color:#2563eb}.forgot-password{color:#2563eb;font-size:.875rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-button{width:100%;padding:.75rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#1d4ed8}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.sign-in{padding:1rem}.sign-in__container{padding:1.5rem}.sign-in__header h1{font-size:1.25rem}.form-footer{flex-direction:column;gap:1rem;align-items:flex-start}}@media (prefers-color-scheme: dark){.sign-in{background-color:#111827}.sign-in__container{background-color:#1f2937}.sign-in__header h1{color:#fff}.sign-in__header p{color:#9ca3af}.sign-in__divider span{background-color:#1f2937}.input-wrapper input{background-color:#374151;border-color:#4b5563;color:#fff}.input-wrapper input::-moz-placeholder{color:#9ca3af}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}.social-button{background-color:#374151;border-color:#4b5563;color:#fff}.social-button:hover{background-color:#4b5563}.remember-me,label{color:#e5e7eb}.input-error{color:#f87171}}