.app{display:flex;flex-direction:row;gap:2em;font-family:sans-serif}.app_tag{position:absolute;right:30px;bottom:10px}.loginRegisterWrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 60% 40%,#f0f4ff,#6366f1);animation:fadeInBg 1.2s}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.loginRegisterSwitch{display:flex;gap:2rem;margin-bottom:2.5rem;background:#ffffffd9;border-radius:2rem;box-shadow:0 6px 32px #6366f121;padding:.7rem 2.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loginRegisterSwitch button{background:none;border:none;color:#6366f1;font-size:1.15rem;font-weight:700;padding:.8rem 2.2rem;border-radius:1.5rem;cursor:pointer;letter-spacing:.5px;transition:background .2s,color .2s,box-shadow .2s}.loginRegisterSwitch button.active,.loginRegisterSwitch button:hover{background:linear-gradient(90deg,#6366f1 60%,#818cf8);color:#fff;box-shadow:0 2px 12px #6366f1aa}.loginForm,.registerForm,.forgotPasswordForm{background:#fffffff7;padding:2.7rem 2.2rem 2.2rem;border-radius:1.7rem;box-shadow:0 8px 40px #6366f121;min-width:340px;display:flex;flex-direction:column;gap:1.3rem;animation:fadeInForm .7s}@keyframes fadeInForm{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loginForm input,.registerForm input,.forgotPasswordForm input{color:#222;padding:.9rem 1.1rem;border:1.5px solid #d1d5db;border-radius:.8rem;font-size:1.05rem;outline:none;background:#f8fafc;transition:border .2s,box-shadow .2s}.loginForm input:focus,.registerForm input:focus,.forgotPasswordForm input:focus{border:1.5px solid #6366f1;box-shadow:0 0 0 2px #6366f133}.loginForm button[type=submit],.registerForm button[type=submit]{background:linear-gradient(90deg,#6366f1 60%,#818cf8);color:#fff;border:none;border-radius:.8rem;padding:1rem 0;font-size:1.13rem;font-weight:700;cursor:pointer;margin-top:.7rem;box-shadow:0 2px 8px #6366f122;transition:background .2s,box-shadow .2s}.loginForm button[type=submit]:hover,.registerForm button[type=submit]:hover{background:linear-gradient(90deg,#4f46e5 60%,#6366f1);box-shadow:0 4px 16px #6366f144}.forgotForm{background:#fffffff7;padding:2.7rem 2.2rem 2.2rem;border-radius:1.7rem;box-shadow:0 8px 40px #6366f121;min-width:340px;display:flex;flex-direction:column;gap:1.3rem;animation:fadeInForm .7s}.forgotForm input{color:#222;padding:.9rem 1.1rem;border:1.5px solid #d1d5db;border-radius:.8rem;font-size:1.05rem;outline:none;background:#f8fafc;transition:border .2s,box-shadow .2s}.forgotForm input:focus{border:1.5px solid #6366f1;box-shadow:0 0 0 2px #6366f133}.forgotForm button[type=submit]{background:linear-gradient(90deg,#6366f1 60%,#818cf8);color:#fff;border:none;border-radius:.8rem;padding:1rem 0;font-size:1.13rem;font-weight:700;cursor:pointer;margin-top:.7rem;box-shadow:0 2px 8px #6366f122;transition:background .2s,box-shadow .2s}.forgotForm button[type=submit]:hover{background:linear-gradient(90deg,#4f46e5 60%,#6366f1);box-shadow:0 4px 16px #6366f144}.forgotForm button[type=button]{background:none;color:#6366f1;border:none;margin-top:.5rem;cursor:pointer;text-decoration:underline;font-size:.98rem}.forgotMessage{background:#bbf7d0;color:#166534;border:1px solid #4ade80;border-radius:8px;padding:10px;margin-top:.5rem}.forgotError{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:10px;margin-top:.5rem}.loginError{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:1rem;padding:1.5rem 2rem;margin:2rem auto;text-align:center;max-width:400px;font-size:1.1rem;box-shadow:0 2px 12px #fca5a544}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#b0b1b9;background-color:#282934;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:2em}