.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.login-header{background:#333;padding:16px 24px}.login-header h1{color:var(--accent-pink);font-size:24px;font-weight:700;margin:0}.login-main{flex:1 1;flex-direction:column;padding:40px 20px;position:relative}.back-button,.login-main{display:flex;align-items:center;justify-content:center}.back-button{position:absolute;top:24px;left:24px;width:48px;height:48px;border-radius:50%;border:2px solid var(--text-primary);transition:all .2s ease;background:transparent}.back-button:hover{background:rgba(0,0,0,.05)}.back-button svg{width:20px;height:20px}.login-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-md)}.login-title{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.login-title .dot{width:12px;height:12px;background:var(--text-primary);border-radius:50%}.login-title span{font-size:18px;font-weight:600;color:var(--text-primary)}.login-message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.login-message-success{background:#e8f5e9;color:#2e7d32}.login-message-error{background:#ffebee;color:#c62828}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{width:100%;padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.login-input:focus{outline:none;border-color:var(--accent-purple)}.login-input::placeholder{color:var(--text-muted)}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;border-radius:var(--border-radius-full);font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer}.oauth-btn-google{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.oauth-btn-google:hover{background:var(--bg-secondary)}.oauth-btn-microsoft{background:#1a1a1a;border:none;color:#fff}.oauth-btn-microsoft:hover{background:#333}.oauth-btn img,.oauth-btn svg{width:20px;height:20px;flex-shrink:0}.login-submit{background:var(--accent-purple);color:#fff;border:none;padding:14px 48px;border-radius:var(--border-radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px;align-self:center}.login-submit:hover{background:#7b1fa2;transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.register-link{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.register-link a{color:var(--accent-pink);text-decoration:underline;font-weight:500}.register-link a:hover{color:var(--accent-purple)}.login-footer{padding:16px 24px;font-size:12px;color:var(--text-muted)}@media (max-width:480px){.login-card{padding:24px;margin:16px}.login-submit{width:100%}}