*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{background:#fff;font-family:Inter,'Helvetica Neue',Arial,sans-serif;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.login-card{width:100%;max-width:420px;border:1px solid #e0e0e0;border-radius:24px;padding:48px 40px;display:flex;flex-direction:column;gap:6px}.login-title{font-size:28px;font-weight:700;color:#333;margin:0}.login-subtitle{font-size:14px;color:#999;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:500;color:#666}.input-field{width:100%;height:48px;padding:0 18px;border:1px solid #e0e0e0;border-radius:14px;background:0 0;font-family:inherit;font-size:15px;color:#333;outline:0;transition:border-color .25s}.input-field::placeholder{color:silver}.input-field:focus{border-color:#999}.input-field.has-error{border-color:#e74c3c}.input-field.has-error:focus{border-color:#c0392b}.password-wrapper{position:relative}.password-wrapper .input-field{padding-right:50px}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-eye{width:20px;height:20px;fill:#bbbbbb;transition:fill .2s}.toggle-password:hover .icon-eye{fill:#666666}.icon-eye.hidden{display:none}.submit-btn{width:100%;height:48px;margin-top:8px;border:1px solid #333;border-radius:14px;background:0 0;font-family:inherit;font-size:15px;font-weight:600;color:#333;cursor:pointer;transition:.3s}.submit-btn:hover{background-color:#333;color:#fff}.submit-btn:active{transform:scale(.98)}.error-toast{display:none;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:14px;animation:.3s ease-out toast-in}.error-toast.visible{display:flex}.error-icon{width:18px;height:18px;fill:#e74c3c;flex-shrink:0}.error-message{font-size:13px;font-weight:500;color:#c0392b;line-height:1.4}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.back-link{display:inline-block;margin-top:20px;font-size:13px;color:#999;text-decoration:none;transition:color .2s;align-self:center}.back-link:hover{color:#666;text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s}.modal.hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-content{background:#fff;padding:40px;border-radius:24px;border:1px solid #e0e0e0;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(0);transition:transform .3s;max-width:320px;width:90%;text-align:center}.modal.hidden .modal-content{transform:translateY(20px)}.banned-icon{width:64px;height:64px;color:#e74c3c}.banned-text{font-size:20px;font-weight:600;color:#333}.banned-info-text{font-size:14px;color:#666;margin-bottom:4px;line-height:1.5;width:100%;text-align:left;word-break:break-all}.banned-close-btn{background:0 0;border:1px solid #333;color:#333;padding:12px 24px;border-radius:14px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:.3s;width:100%;margin-top:10px}.banned-close-btn:hover{background:#333;color:#fff}@media (max-width:480px){.login-card{padding:36px 24px;border-radius:20px}.login-title{font-size:24px}.input-field,.submit-btn{height:44px;border-radius:12px}.error-toast{border-radius:12px}}