.login-page{background:linear-gradient(120deg,#e0e7ff 0%,#f5f9ff 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.login-page *{box-sizing:border-box;margin:0;padding:0}.login-page .login-container{text-align:center;background-color:#fff;border-radius:20px;width:100%;max-width:440px;padding:40px 30px;transition:max-width .3s,padding .3s;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000001a}.login-page .login-container:before{content:"";background:linear-gradient(90deg,#06c,#0052a3);width:100%;height:5px;position:absolute;top:0;left:0}.login-page .login-logo{width:130px;margin-bottom:25px}.login-page .login-title{color:#06c;margin-bottom:12px;font-size:26px;font-weight:700}.login-page .login-description{color:#666;margin-bottom:30px;font-size:15px;line-height:1.5}.login-page .login-method-toggle{background-color:#f0f7ff;border-radius:12px;margin-bottom:25px;padding:4px;display:flex;position:relative}.login-page .login-method-toggle button{color:#666;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:500;transition:all .3s;position:relative}.login-page .login-method-toggle button.active{color:#fff;font-weight:600}.login-page .login-method-indicator{z-index:1;background:linear-gradient(90deg,#06c,#0052a3);border-radius:8px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s;position:absolute;top:4px;left:4px}.login-page .login-method-toggle button:nth-child(2).active~.login-method-indicator{transform:translate(100%)}.login-page .login-form{text-align:left;position:relative}.login-page .input-with-icon{margin-bottom:20px;position:relative}.login-page .input-icon{color:#06c;font-size:16px;position:absolute;top:40%;left:14px;transform:translateY(-50%)}.login-page .login-form input{background-color:#f7faff;border:1.5px solid #d0d7e2;border-radius:12px;width:100%;height:50px;margin-bottom:20px;padding:14px 14px 14px 44px;font-size:16px;transition:all .2s}.login-page .login-form input:focus{background-color:#fff;border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.login-page .login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06c 0%,#0052a3 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #06c3}.login-page .login-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0066cc40}.login-page .login-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login-page .login-button:active{transform:translateY(0)}.login-page .error-message{color:#c00;background-color:#ffebee;border-radius:8px;justify-content:center;align-items:center;margin-bottom:15px;padding:12px;font-size:14px;display:flex}.login-page .back-button{cursor:pointer;color:#06c;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:absolute;top:20px;left:20px}.login-page .back-button:hover{color:#0052a3;text-decoration:underline}@media (max-width:500px){.login-page .login-container{border-radius:16px;margin:15px;padding:30px 20px}.login-page .login-title{font-size:23px}.login-page .login-description{margin-bottom:25px;font-size:15px}.login-page .login-method-toggle button{padding:10px;font-size:15px}.login-page .login-form input{height:46px;padding:12px 12px 12px 40px;font-size:16px}.login-page .input-icon{font-size:16px}.login-page .login-button{height:46px;padding:12px;font-size:16px}.login-page .back-button{font-size:14px;top:15px;left:15px}}@media (min-width:768px){.login-page .login-container{max-width:480px;padding:50px 40px}}@media (min-width:1024px){.login-page .login-container{max-width:550px;padding:60px 50px}}.login-page input[type=text],.login-page input[type=email],.login-page input[type=tel]{font-size:16px;line-height:normal}.login-page .loader-overlay{z-index:9999;pointer-events:all;background:#00000040;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-page .loader-box{background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #0000002e}.login-page .loader{border:6px solid #e0e7ff;border-top-color:#06c;border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin;box-shadow:0 0 16px #06c3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}