.login-form{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:420px}.login-form__header{display:flex;align-items:center;gap:.75rem}.login-form__logo-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.login-form__logo-text{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:.05em}.login-form__card{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:2rem;background:#8a55c340;border:1px solid rgba(138,85,195,.4);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form__fields{display:flex;flex-direction:column;gap:1rem}.login-form__field{position:relative}.login-form__field--password{display:flex;flex-wrap:wrap;align-items:center}.login-form__field--password .login-form__field-error{width:100%}.login-form__input{width:100%;padding:1rem 1.25rem;background:#8a55c359;border:none;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:1rem;color:#fff;outline:none;transition:background .2s ease,box-shadow .2s ease}.login-form__input::-moz-placeholder{color:#ffffff80}.login-form__input::placeholder{color:#ffffff80}.login-form__input:focus{background:#8a55c380;box-shadow:0 0 0 2px #8a55c399}.login-form__input:disabled{opacity:.6;cursor:not-allowed}.login-form__input--error{border:none;background:#dc262626;box-shadow:0 0 0 1px #dc262699 inset}.login-form__input--error:focus{box-shadow:0 0 0 1px #dc262699 inset,0 0 0 2px #dc262666}.login-form__field-error{margin:.25rem 0 0;font-size:.75rem;color:#fca5a5}.login-form__field--password .login-form__input{padding-right:3rem}.login-form__toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#fff9;transition:color .2s ease}.login-form__toggle-password:hover{color:#fff}.login-form__icon{width:20px;height:20px}.login-form__error{padding:.75rem 1rem;background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:8px;color:#fca5a5;font-size:.875rem;text-align:center}.login-form__submit{width:100%;padding:1rem;background:linear-gradient(135deg,#9333ea,#7c3aed,#6366f1);border:none;border-radius:12px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#fff;letter-spacing:.1em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.login-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #9333ea66}.login-form__submit:active:not(:disabled){transform:translateY(0)}.login-form__submit:disabled{opacity:.7;cursor:not-allowed}.login-mascot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px}.login-mascot__glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(147,51,234,.3) 0%,rgba(147,51,234,.1) 40%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0}.login-mascot__image{position:relative;width:100%;max-width:400px;height:auto;-o-object-fit:contain;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}@media (max-width: 1024px){.login-mascot{max-width:350px}.login-mascot__glow{width:200px;height:200px}}@media (max-width: 768px){.login-mascot{display:none}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0a1a,#1a0f2e,#0d1b2a);background-size:cover;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/dragonchat_bg.png);background-size:cover;background-position:center;opacity:.15;z-index:0}.login-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(99,102,241,.08) 0%,transparent 50%);z-index:0}.login-page__container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6rem;width:100%;max-width:1200px;padding:2rem}.login-page__form-section{flex:1;display:flex;justify-content:center;max-width:480px}.login-page__mascot-section{flex:1;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.login-page__container{gap:3rem}}@media (max-width: 768px){.login-page__container{flex-direction:column;gap:2rem}.login-page__form-section{max-width:100%}.login-page__mascot-section{display:none}}