*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column}
.se-nav{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(255,255,255,0.98);box-shadow:0 1px 0 0 rgba(0,0,0,0.08);z-index:1000;backdrop-filter:blur(8px)}
.se-nav_container{max-width:100%;margin:0 auto;padding:0 30px;height:100%;display:flex;align-items:center;justify-content:space-between}
.se-nav_left{display:flex;align-items:center}
.se-nav_logo{height:40px;display:flex;align-items:center}
.se-nav_logo img{height:100%;width:auto}
.se-nav_links{display:flex;gap:32px}
.se-nav_link{color:#4e5969;text-decoration:none;font-size:16px;transition:all 0.3s ease;position:relative}
.se-nav_link:after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#2B6DF3;transition:width 0.3s ease}
.se-nav_link:hover{color:#2B6DF3}
.se-nav_link:hover:after{width:100%}
.se-nav_login{display:inline-block;padding:8px 24px;color:#fff;border:1px solid #2B6DF3;border-radius:4px;text-decoration:none;transition:all 0.3s ease}
.se-nav_login:hover{background:#2B6DF3;color:#fff;transform:translateY(-2px)}
.se-nav_toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0}
.se-nav_toggle span{display:block;width:100%;height:2px;background:#1d2129;transition:all 0.3s ease}
.se-header{margin-top:64px}
.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px}
.login-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.05);width:100%;max-width:420px;padding:40px;animation:fadeInUp 0.6s ease}
.login-header{text-align:center;margin-bottom:40px}
.login-title{font-size:24px;color:#1d2129;margin-bottom:8px;font-weight:600}
.login-subtitle{font-size:14px;color:#86909c}
.login-form,.forgot-form{display:flex;flex-direction:column;gap:20px}
.form-group{position:relative}
.form-input{width:100%;padding:12px 16px;border:1px solid #e5e6eb;border-radius:4px;font-size:14px;color:#1d2129;transition:all 0.3s ease}
.form-input:focus{border-color:#2B6DF3;outline:none;box-shadow:0 0 0 2px rgba(43,109,243,0.1)}
.form-input::placeholder{color:#c9cdd4}
.remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.remember-me{display:flex;align-items:center;gap:6px;color:#4e5969;user-select:none}
.remember-me span{font-size:13px}
.forgot-password{color:#2B6DF3;text-decoration:none;transition:color 0.3s ease}
.forgot-password:hover{color:#1b4df0}
.login-button{background:#2B6DF3;color:#fff;border:none;border-radius:4px;padding:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease;height:42px}
.login-button:hover{background:#1b4df0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,109,243,0.2)}
.terms{font-size:13px;color:#86909c;text-align:center;margin-top:16px}
.terms a{color:#2B6DF3;text-decoration:none}
.terms a:hover{color:#1b4df0}
.register-link{text-align:center;margin-top:24px;font-size:14px;color:#4e5969}
.register-link a{color:#2B6DF3;text-decoration:none;margin-left:4px;transition:color 0.3s ease}
.register-link a:hover{color:#1b4df0}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}@media screen and (max-width:768px){.login-box{padding:30px 20px}
.forgot-box{padding:30px 20px}
.se-nav__container{padding:0 15px}
.se-nav__logo{height:32px}
.se-nav__links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.se-nav__links.active{display:flex}
.se-nav__toggle{display:flex}
}@media screen and (max-width:480px){.login-container{padding:80px 15px 30px}
.login-title{font-size:20px}
.forgot-container{padding:80px 15px 30px}
.forgot-title{font-size:20px}
.form-input{padding:10px 14px}
.login-button{padding:10px}
.submit-button{padding:10px}
.verification-group{flex-direction:column}
.send-code-button{width:100%}
.steps{margin-bottom:20px}
.step-text{font-size:12px}
}.remember-me input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #e5e6eb;border-radius:3px;margin:0;cursor:pointer;position:relative;transition:all 0.3s ease;background:#fff}
.remember-me input[type="checkbox"]:checked{background:#2B6DF3;border-color:#2B6DF3}
.remember-me input[type="checkbox"]:checked::after{content:'';position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid white;border-width:0 2px 2px 0}
.remember-me input[type="checkbox"]:hover{border-color:#2B6DF3}
.error-message{font-size:13px;color:#ff4d4f;margin:-12px 0 8px;padding-left:2px;transition:all 0.3s ease;min-height:20px}
.form-input.error{border-color:#ff4d4f}
.form-input.error:focus{border-color:#ff4d4f;box-shadow:0 0 0 2px rgba(255,77,79,0.1)}
.forgot-container{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px}
.forgot-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.05);width:100%;max-width:460px;padding:40px;animation:fadeInUp 0.6s ease}
.forgot-header{text-align:center;margin-bottom:40px}
.forgot-title{font-size:24px;color:#1d2129;margin-bottom:8px;font-weight:600}
.forgot-subtitle{font-size:14px;color:#86909c;line-height:1.6}
.verification-group{display:flex;gap:10px}
.verification-input{flex:1}
.send-code-button{width:120px;background:#fff;border:1px solid #2B6DF3;color:#2B6DF3;border-radius:4px;padding:12px;font-size:14px;cursor:pointer;transition:all 0.3s ease}
.send-code-button:hover{background:#f0f7ff}
.submit-button{background:#2B6DF3;color:#fff;border:none;border-radius:4px;padding:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease;height:42px}
.submit-button:hover{background:#1b4df0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,109,243,0.2)}
.back-to-login{text-align:center;margin-top:24px;font-size:14px;color:#4e5969}
.back-to-login a{color:#2B6DF3;text-decoration:none;margin-left:4px;transition:color 0.3s ease}
.back-to-login a:hover{color:#1b4df0}
.steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}
.step{flex:1;text-align:center;position:relative;z-index:1}
.step-number{width:24px;height:24px;border-radius:50%;background:#e5e6eb;color:#86909c;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:12px;transition:all 0.3s ease}
.step-text{font-size:13px;color:#86909c}
.step.active .step-number{background:#2B6DF3;color:#fff}
.step.active .step-text{color:#2B6DF3}
.step-line{position:absolute;top:12px;left:62px;right:62px;height:1px;background:#e5e6eb;z-index:0}