.login-bg{min-height:100vh;background:var(--surface-0);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(114,200,0,.05) 0%,transparent 70%);top:-100px;left:-100px}.login-bg:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(114,200,0,.04) 0%,transparent 70%);bottom:-50px;right:-50px}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:18px;padding:2.75rem 2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-4);position:relative;z-index:1}.login-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.logo-mark{width:54px;height:54px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--primary-500);box-shadow:0 8px 24px #72c80033}.login-logo-img{width:54px;height:54px;border-radius:14px;object-fit:contain}.login-logo-platform{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo-svg{height:36px;width:auto}.login-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:.02em;margin:0}.login-sub{color:var(--text-secondary);font-size:.84rem;margin:.4rem 0 2rem}.login-error{background:var(--danger-100);border:1px solid var(--danger-200);color:var(--danger-500);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1.25rem;text-align:left;display:flex;align-items:flex-start;gap:.5rem;animation:login-shake .4s ease-out}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.5rem;text-align:left}.login-label{font-size:.74rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.login-input{padding:.8rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-normal);width:100%;font-family:inherit}.login-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #4ade8033}.login-input::placeholder{color:var(--text-muted)}.login-btn{margin-top:.5rem;padding:.875rem;background:var(--primary-500);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s;letter-spacing:.02em;font-family:inherit}.login-btn:hover{background:var(--primary-400);transform:translateY(-1px);box-shadow:0 6px 20px #4ade8059}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.login-btn:disabled:hover{transform:none;box-shadow:none}.login-spinner{display:inline-block;width:17px;height:17px;border:2.5px solid rgba(0,0,0,.2);border-top-color:var(--text-on-accent);border-radius:50%;animation:login-spin .6s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes login-spin{to{transform:rotate(360deg)}}.login-register{margin-top:1.5rem;font-size:.84rem;color:var(--text-secondary)}.login-register a{color:var(--primary-500);text-decoration:none;font-weight:600}.login-register a:hover{text-decoration:underline}@media (max-width: 768px){.login-bg{padding:3rem 1rem 1rem;align-items:flex-start}.login-card{padding:2rem 1.5rem;border-radius:14px;max-width:100%}.login-title{font-size:1.3rem}.login-input{font-size:16px}.logo-mark{width:46px;height:46px;font-size:1.2rem}}