.login-main-div{display:flex;margin:0;min-height:calc(100vh - 50px);justify-content:center;align-items:center;flex-direction:column;background-color:var(--background);padding:20px;box-sizing:border-box}.login-title{color:var(--primary);font-size:2.5rem;margin-bottom:30px;text-align:center;font-weight:700}.login-container{display:inline-flex;background:var(--surface);padding:40px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);justify-content:center;align-items:stretch;color:var(--on-surface);flex-direction:column;width:100%;max-width:450px;box-sizing:border-box}.login-container div{display:flex;flex-direction:column;margin-bottom:24px;width:100%}.login-container div label{margin-bottom:8px;font-weight:600;font-size:.95rem;color:var(--secondary);letter-spacing:.3px}.login-container .input{padding:12px 16px;border:2px solid var(--surface-elevated);border-radius:8px;font-size:1rem;background-color:var(--surface-elevated);color:var(--on-surface);transition:all .3s ease;outline:none}.login-container .input:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.login-container .input::placeholder{opacity:.6;color:var(--on-surface)}.login-container button{margin-top:10px;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.login-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:768px){.login-main-div{padding:15px}.login-title{font-size:2rem;margin-bottom:25px}.login-container{padding:35px;max-width:420px;border-radius:14px}.login-container div{margin-bottom:20px}.login-container div label{font-size:.9rem;margin-bottom:7px}.login-container .input{padding:11px 14px;font-size:.95rem}.login-container button{padding:13px 22px;font-size:.95rem}}@media (max-width:480px){.login-main-div{padding:12px}.login-title{font-size:1.6rem;margin-bottom:20px}.login-container{padding:25px 20px;max-width:100%;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.login-container div{margin-bottom:18px}.login-container div label{font-size:.85rem;margin-bottom:6px}.login-container .input{padding:12px 14px;font-size:.9rem;border-radius:7px}.login-container button{padding:12px 20px;font-size:.9rem;margin-top:8px}}@media (max-width:360px){.login-main-div{padding:10px}.login-title{font-size:1.4rem;margin-bottom:18px}.login-container{padding:20px 16px;border-radius:10px}.login-container div{margin-bottom:16px}.login-container div label{font-size:.8rem;margin-bottom:5px}.login-container .input{padding:11px 12px;font-size:.85rem}.login-container button{padding:11px 18px;font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.login-main-div{min-height:calc(100vh - 45px);padding:15px}.login-title{font-size:1.5rem;margin-bottom:15px}.login-container{padding:20px 30px;max-width:500px}.login-container div{margin-bottom:15px}.login-container button{margin-top:5px}}.login-container div:last-of-type{margin-bottom:10px}.login-container button:disabled{opacity:.6;cursor:not-allowed}.login-container button:disabled:hover{transform:none;box-shadow:none}