.login-container{background-color:var(--neutral-light);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--neutral-medium);background:#fff;border-radius:8px;width:100%;max-width:420px;padding:32px 28px;position:relative;box-shadow:0 6px 24px #0000000d}.login-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);border-radius:0 0 1px 1px;height:2px;position:absolute;top:0;left:20%;right:20%}.login-header{text-align:center;margin-bottom:32px}.back-link{color:var(--primary-light);font-family:Playfair Display,serif;font-size:.85rem;text-decoration:none;transition:all .2s;position:absolute;top:24px;left:24px}.back-link:hover{color:var(--accent-blue);transform:translate(-2px)}.login-title-container{margin-top:8px}.login-chinese-title{color:var(--primary-dark);letter-spacing:.3px;margin-bottom:4px;font-family:Noto Serif SC,serif;font-size:1.6rem;font-weight:700}.login-english-title{color:var(--primary-medium);letter-spacing:.4px;font-family:Playfair Display,serif;font-size:.9rem;font-style:italic;font-weight:500}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:var(--primary-medium);margin-left:2px;font-family:Noto Serif SC,serif;font-size:.95rem;font-weight:600}.input-field{border:1px solid var(--neutral-medium);color:var(--primary-dark);background-color:#fff;border-radius:6px;padding:12px 16px;font-family:Playfair Display,serif;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--accent-blue-subtle);outline:none;box-shadow:0 0 0 3px #2d5fff1a}.input-field::placeholder{color:var(--neutral-dark);opacity:.7}.forgot-password{text-align:right;margin-top:-8px}.forgot-password-link{color:var(--neutral-dark);font-family:Playfair Display,serif;font-size:.8rem;text-decoration:none;transition:all .2s}.forgot-password-link:hover{color:var(--accent-blue);text-decoration:underline}.login-button{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:14px 24px;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:600;transition:all .3s}.login-button:hover{background-color:var(--accent-blue-subtle);transform:translateY(-2px);box-shadow:0 4px 12px #2d5fff26}.login-button:active{transform:translateY(0)}.login-footer{border-top:1px solid var(--neutral-medium);text-align:center;margin-top:32px;padding-top:20px}.footer-note{color:var(--primary-light);margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:.85rem}.footer-contact{color:var(--neutral-dark);font-family:Playfair Display,serif;font-size:.8rem}.footer-email{color:var(--accent-blue-subtle);letter-spacing:.2px;font-family:Playfair Display,serif;font-weight:600;text-decoration:none;transition:all .2s}.footer-email:hover{color:var(--accent-blue);text-decoration:underline}@media (max-width:480px){.login-card{max-width:90vw;padding:28px 20px}.login-chinese-title{font-size:1.4rem}.login-english-title{font-size:.8rem}.back-link{margin-bottom:16px;display:inline-block;position:relative;top:0;left:0}.login-header{margin-bottom:24px}}@media (max-height:680px){.login-card{padding:24px 20px}.login-form{gap:20px}.login-footer{margin-top:24px;padding-top:16px}}.error-message{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:10px 14px;font-family:Noto Serif SC,serif;font-size:.85rem}.forgot-password-text{color:var(--neutral-dark);font-family:Playfair Display,serif;font-size:.8rem;text-decoration:none;transition:all .2s}.forgot-password-text:hover{color:var(--accent-blue);text-decoration:underline}.login-button:disabled{opacity:.6;cursor:not-allowed}.input-field:disabled{background-color:var(--neutral-light);cursor:not-allowed}